webpack-搭建项目并打包文件

1、首先创建项目文件夹，然后执行cnpm init初始化一个新的package.json文件。
2、安装webpack、webpack-cli，如果不安装webpack-cli是无法在命令行中使用webpack的。在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。
3、打开package.json，添加build（构建）脚本。

4、webpack4之前版本和webpack4之后版本使用cnpm run build打包文件是不一样的，webpack4之前版本需要手动创建一个webpack.config.js配置文件，配置入口、出口等相关信息，才能进行打包。webpack4之后版本默认把./src/index.js作为入口文件，也可以使用webpack.config.js配置。先来看看效果：

在webpack4之后版本如果没有./src/index.js文件，也没有webpack.config.js配置，打包时就会报上述错误。

使用默认入口文件时，打包结果如下：


使用配置文件，打包结果：

const path = require('path')

module.exports = {
  entry: './搭建项目并打包js文件.js',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js',
    publicPath: 'build/'
  },
  module: {

  },
  plugins: []
}

参考链接：
https://itxiaohao.github.io/passages/webpack4-pack-js/