【Webpack】NodeJS + Webpack

目的：想要通过npm命令按照我们的规则生成静态资源（webpack4以后还能做到很多性能优化的配置，我所知道的只有css、js分包，以达到资源快速加载快速呈现的效果）。

一、安装webpack

npm install --save-dev webpack
or

npm i webpack -D

二、由于build和start都会有相同的配置，所以先搞一个公共配置文件webpack.base.conf.js

'use strict'
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
      path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
};

三、如何运行webpack

1、通过webpack-dev-server实现自动监听并允许webpack

npm i webpack-dev-server -D

2、在package.json中配置脚本

"scripts": {
    "start": "webpack-dev-server --config build/dev.js",
    "build": "node build/build.js"
},