Webpack基础配置

1. 引入类

1.1 webpack安装

npm install --save-dev webpack
npm install --save-dev webpack-cli
npm install --save-dev webpack-dev-server

entry: {
    main: './src/index.ts'
},
output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name].[contentHash],js',
    chunkFilename: "[id].[contentHash],js"
},

// package.json
"scripts": {
  "dev": "webpack-dev-server --config webpack.common.js",
  "build": "webpack --env.production --config webpack.common.js"
},

1.2. loader

将不同类型的文件进行不同形式的处理

1.2.1 CSS相关

mini-css-extract-plugin将样式文件单独打包成一个css文件
style-loader将样式通过