2020-06-24 标签:vue,eslint,配置文件,eslintrc,js,说明,规则,介绍,默认,代码,末尾,加分,存在,多行,空行,tab,使用,必须

默认eslint规则：代码末尾不能加分号 ;代码中不能存在多行空行；tab键不能使用，必须换成两个空格；代码中不能存在声明了但未使用的变量；最简单的方法，关闭eslint检测，其实很简单，把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。但不推

2020-03-10 标签:create,react,app,添加,less,支持,实现,前言,使用,脚手架,创建,项目,默认,是不,需要,手动,第一步,暴露,webpack,配置文件

前言使用 create-react-app 脚手架创建项目后，默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件使用 create-react-app 创建的项目，默认情况下是看不到 webpack 相关的配置文件，我们需要给它暴露出来，使用下面命令即可：npm r

2020-02-24 标签:angular,项目,打包,优化,实现,方法,以下,三个,角度,输出,组成分析,文件,rollup,导出,webpack

可以从以下三个角度优化：输出包体组成分析文件Rollup 摇树优化导出Webpack配置，通过修改webpack配置优化打包让我们来逐一分析。输出包体组成分析文件Webpack 有一个非常好用的工具叫 webpack-bundle-analyzer，会自动分析包体组成结构，并以一种可视化的方式显示。

2020-02-16 标签:react,typescript,webpack,入口,配置,详解,资源,16,router,dom,eslint,项目,目录,dist,打包,结果

资源React-16.8.*react-router-dom-4.3.*TypeScript-3.5.*webpack-4.*eslint-5.16.*项目目录├── dist # 打包结果目录│├── demo1 //类别demo1的打包结果││├── demo1.himl││├── demo1.

2020-02-16 标签:详解,使用,webpack,搭建,react,开发,环境,第一步,基础,初始化,项目,n,pm,init,y,安装,webpacknpm,i,reactnpm,dom

第一步、基础环境初始化项目初始化npm init -y安装webpacknpm i webpack安装reactnpm i react react-dom -s项目基础框架入口文件(src/index.js)import React from 'react'import {render} from

2020-02-16 标签:如何,webpack,页脚,jquery,react,vue,typescript,导语,首先,简单,介绍,现代

1.导语首先来简单介绍一下webpack：现代 JavaScript 应用程序的 静态模块打包工具 。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(dependency graph)，并生成一个或多个 bundle 。webpack4.0出现之后，我们可以

2020-02-16 标签:react,redux,聊天,界面,项目,概况,基于,dom,router,webpack,photoswipe,swiper,技术,混合,开发

一、项目概况基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现了聊天记录下拉刷新、发送消息、表情(动图

2020-02-16 标签:create,react,app,使用,antd,按需,加载,样式,无效,问题,解决,给出,解决方案,安装,babel,plugin,import

官网给出的按需加载解决方案，先安装 babel-plugin-import因为antd默认引入样式是less，所以需要手动配置为CSS，配置方法如下：第一种方法：在package.json中配置，这种方法成功的前提是webpack里query下配置babelrc：true， 这样就会使用babelr

2020-02-16 标签:vue,webpack,环境,构造,过程,本文,大家,介绍,首先,新建,目录,wkdemo,项目,执行,n,pm,init

本文给大家介绍vue2.0+webpack环境构造过程。1.首先新建一个目录vue-wkdemo，这是我们的项目目录。执行 npm init 命令生成package.json文件。执行npm init之后，会提示你填写一些项目的信息，一直回车默认就好了，或者直接执行 npm init -y 直接跳过

2020-02-16 标签:webpack,vue,js,实现,组件,详解,简介,化用,特有的,文件,格式,每一个,html,css,全部,写入,配置,loader,就可以

简介在vue中实现组件化用到了vue特有的文件格式.vue，在每一个.vue文件就是一个组件，在组件中我们将html，css，js全部写入，然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹，并在其中建立app.vue文件，这样我们项目