npm init
npm install webpack webpack-cli webpack-dev-server -g
npm install webpack -D
mkdir config
mkdir src
mkdir dist
touch dist/index.html
touch src/index.js
webpack
webpack --mode=development
webpack --mode=production
touch config/webpack.config.js
rm dist/main.js src/index.js
const path = require('path')
module.exports = {
mode: 'development',
entry: { // 入口文件配置项
main: './src/main.js'
},
output: { // 出口文件配置项
path: path.resolve(__dirname, '../dist'), // 打包路劲
filename: 'bundle.js' // 打包的文件名
},
// 模块 css image等
module: {},
// 插件,用户生产模板和各项功能
plugins: [],
// 配置webpack开发服务功能
devServer: {
}
}
npm install style-loader css-loader --save-dev
npm install uglifyjs-webpack-plugin -D
npm install --save-dev html-webpack-plugin
npm install --save-dev file-loader url-loader
npm install --save-dev extract-text-webpack-plugin@next
npm install html-withimg-loader --save-dev
npm install node-sass sass-loader --save-dev
npm install --save-dev postcss-loader autoprefixer
npm install purifycss-webpack purify-css --save-dev
npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react
npm install @babel/core -D