webpack 学习笔记 一 （webpack构建流程）

webpack构建流程

1、手动创建项目目录。例如：

• 1.1、demo目录
  • app
    • a.js
    • b.js
  • public
    • index.html

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:[

    ],
};