小毛贼_哪里逃

1 依赖： "clean-webpack-plugin": "^0.1.17", 2 配置： const CleanWebpakPlugin=require('clean-webpack-plugin'); module.exports={ ... ... , plugins:[ ... ... , new CleanWebpakPlugin(['dist']...

使用scss 1 安装依赖 "node-sass": "^4.13.1", "sass-loader": "^6.0.6", 2 配置 { test: /\.scss$/, use:['style-loader',"css-loader","sass-loader"] }, 3 main.scss .ot{font-size: 10...

1 app.css body{ background: red } .ot{ background: #fff } 2 style.css .ot{ font-size: 50px; } 3 main.js引入CSS文件 import React from 'react'; import ReactDOM from 'react-dom'; import appc...

1 安装依赖 "react": "^15.6.1", "react-dom": "^15.6.1", "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-react": "^6.24.1", 2 配置js的loader module:{ rules:[ { test: /...

1 安装font-awesome字体：npm i -S font-awesome -S：把依赖安装到depandencies中 -D：安装到devDependencies中 { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "te...

file-loader 1 安装file-loader:npm i -D file-loader@2 { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\...

1 安装 css-loader处理样式: npm i -Dcss-loader@2 style-loader处理样式插入：npm i -Dstyle-loader { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": ...

1 安装：npm i -D webpack-dev-server@2 { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...

1 安装指定版本2的插件：npm i -D html-webpack-plugin@2 { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&a...

1 初始化，生成package.json文件：npm init -y { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...