webpack 相关

[Leecason]

针对 webpack 4 ，做记录用

参考：

• 【新手向】Vue.js + Node.js(koa) 合体指南
• webpack 4 Code Splitting 的 splitChunks 配置探索

[Leecason]

mode

webpack 4 新增配置项，常规可选值 production 和 development。一般根据 process.env.NODE_ENV 来确定值。

entry

定义 webpack 的入口

output

定义 webpack 的输出配置

resolve

定义 webpack 处理 import 时自动添加的后缀顺序 extensions 和供快速访问的别名 alias

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    '@': resolvePath('src'),
  }
}

[Leecason]

module

确定如何处理项目中不同类型的模块，即告诉 webpack，什么样的后缀文件用什么样的 loader 来处理。 module.rules 允许你在 webpack 配置中指定多个 loader。loader 链会按照相反的顺序执行，即从最后一个 loader 开始处理。

module: {
  rules: [
    {
      test: /\.css$/,
      user: [
        {  loader: 'style-loader' },
        ...
      ]
    }
  ]
}

/.vue$/

处理 Vue 文件，使用 Vue 专门提供的 vue-loader。把 Vue 里面的 Githubissues.

Githubissues is a development platform for aggregating issues.