文章目录
webpack构建流程
1、手动创建项目目录。例如:
- 1.1、demo目录
- app
- a.js
- b.js
- public
- index.html
- app
2、全局安装webpack。 npm install webpack -g
3、进入项目根目录,运行命令,初始化webpack,生成package.json配制文件。
npm init
4、手动创建webpack.config.js文件,用于自定义配制。如下:
module.exports = {
mode: 'development',
entry: {
'index': './src/index.js'
},
output: {
// path 必须是绝对路径
path: path.resolve(__dirname, "dist"),
filename: `[name].js`
},
module: {
rules: []
},
plugins:[
],
};