vue-cli3創建的項目中，默認集成的 webpack 配置

原創 前端散打王 2020-07-02 16:35

直接上代碼

vue-cli3 創建好的項目，已經幫我們做了下面的事情

  1. 通過「mini-css-extract-plugin」將 css 打包成單個文件
  2. 添加「@」別名，指向「src」目錄
  3. 通過「TerserWebpackPlugin」來壓縮 js 代碼
  4. 在打包時，將引入的第三方插件或庫，打包到「chunk-vendors」中

查看項目中的默認 webpack 配置，執行下面的命令

vue inspect > output.js

打開「output.js」文件就能看到下面的內容了

{
  mode: 'development',
  context: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack',
  node: {
    setImmediate: false,
    process: 'mock',
    dgram: 'empty',
    fs: 'empty',
    net: 'empty',
    tls: 'empty',
    child_process: 'empty'
  },
  output: {
  	// 打包輸出目錄
    path: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/dist',
    // entry 的名字
    filename: 'js/[name].js',
    // This option specifies the public URL of the output directory when referenced in a browser.
    publicPath: '/',
    // chunk 的名字
    chunkFilename: 'js/[name].js'
  },
  resolve: {
    alias: {
      // 開發中通過 @ 即代表 src 目錄下， 例： import name from '@/components/name'
      '@': '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/src',
      // 精確匹配 vue 實例 ，例： import Vue from 'vue'; 精確匹配，所以 vue/dist/vue.runtime.esm.js 被解析和導入
      vue$: 'vue/dist/vue.runtime.esm.js'
    },
    extensions: [ // 自動解析確定的擴展，能夠使用戶在引入模塊時不帶擴展，例：import File from '../path/to/file'
      '.mjs',
      '.js',
      '.jsx',
      '.vue',
      '.json',
      '.wasm'
    ],
    modules: [ // 告訴 webpack 解析模塊時應該搜索的目錄
      'node_modules',
      '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules',
      '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/@vue/cli-service/node_modules'
    ],
    plugins: [
      /* config.resolve.plugin('pnp') */
      {}
    ]
  },
  resolveLoader: { // 這組選項與上面的 resolve 對象的屬性集合相同，但僅用於解析 webpack 的 loader 包
    modules: [
      '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/@vue/cli-plugin-babel/node_modules',
      'node_modules',
      '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules',
      '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/@vue/cli-service/node_modules'
    ],
    plugins: [
      /* config.resolve.plugin('pnp-loaders') */
      {}
    ]
  },
  module: {
    // 防止 webpack 解析那些任何與給定正則表達式相匹配的文件
    noParse: /^(vue|vue-router|vuex|vuex-router-sync)$/,
    rules: [ // 配置各文件類型的 loader
      /* config.module.rule('vue') */
      {
        test: /\.vue$/,
        use: [
          /* config.module.rule('vue').use('cache-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/cache-loader/dist/cjs.js',
            options: {
              cacheDirectory: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/.cache/vue-loader',
              cacheIdentifier: '683b501a'
            }
          },
          /* config.module.rule('vue').use('vue-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-loader/lib/index.js',
            options: {
              compilerOptions: {
                whitespace: 'condense'
              },
              cacheDirectory: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/.cache/vue-loader',
              cacheIdentifier: '683b501a'
            }
          }
        ]
      },
      /* config.module.rule('images') */
      {
        test: /\.(png|jpe?g|gif|webp)(\?.*)?$/,
        use: [
          /* config.module.rule('images').use('url-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/url-loader/dist/cjs.js',
            options: {
              limit: 4096,
              fallback: {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/file-loader/dist/cjs.js',
                options: {
                  name: 'img/[name].[hash:8].[ext]'
                }
              }
            }
          }
        ]
      },
      /* config.module.rule('svg') */
      {
        test: /\.(svg)(\?.*)?$/,
        use: [
          /* config.module.rule('svg').use('file-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/file-loader/dist/cjs.js',
            options: {
              name: 'img/[name].[hash:8].[ext]'
            }
          }
        ]
      },
      /* config.module.rule('media') */
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        use: [
          /* config.module.rule('media').use('url-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/url-loader/dist/cjs.js',
            options: {
              limit: 4096,
              fallback: {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/file-loader/dist/cjs.js',
                options: {
                  name: 'media/[name].[hash:8].[ext]'
                }
              }
            }
          }
        ]
      },
      /* config.module.rule('fonts') */
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
        use: [
          /* config.module.rule('fonts').use('url-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/url-loader/dist/cjs.js',
            options: {
              limit: 4096,
              fallback: {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/file-loader/dist/cjs.js',
                options: {
                  name: 'fonts/[name].[hash:8].[ext]'
                }
              }
            }
          }
        ]
      },
      /* config.module.rule('pug') */
      {
        test: /\.pug$/,
        oneOf: [
          /* config.module.rule('pug').oneOf('pug-vue') */
          {
            resourceQuery: /vue/,
            use: [
              /* config.module.rule('pug').oneOf('pug-vue').use('pug-plain-loader') */
              {
                loader: 'pug-plain-loader'
              }
            ]
          },
          /* config.module.rule('pug').oneOf('pug-template') */
          {
            use: [
              /* config.module.rule('pug').oneOf('pug-template').use('raw') */
              {
                loader: 'raw-loader'
              },
              /* config.module.rule('pug').oneOf('pug-template').use('pug-plain-loader') */
              {
                loader: 'pug-plain-loader'
              }
            ]
          }
        ]
      },
      /* config.module.rule('css') */
      {
        test: /\.css$/,
        oneOf: [
          /* config.module.rule('css').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('css').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('css').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('css').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('css').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('css').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('css').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('css').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('css').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('css').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('css').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('css').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('css').oneOf('normal') */
          {
            use: [
              /* config.module.rule('css').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('css').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('css').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('postcss') */
      {
        test: /\.p(ost)?css$/,
        oneOf: [
          /* config.module.rule('postcss').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('postcss').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('postcss').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('postcss').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('postcss').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('postcss').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('postcss').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('postcss').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('postcss').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('postcss').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('postcss').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('postcss').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          },
          /* config.module.rule('postcss').oneOf('normal') */
          {
            use: [
              /* config.module.rule('postcss').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('postcss').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('postcss').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('scss') */
      {
        test: /\.scss$/,
        oneOf: [
          /* config.module.rule('scss').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('scss').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('scss').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('scss').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('scss').oneOf('vue-modules').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('scss').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('scss').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('scss').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('scss').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('scss').oneOf('vue').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('scss').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('scss').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('scss').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('scss').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('scss').oneOf('normal-modules').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('scss').oneOf('normal') */
          {
            use: [
              /* config.module.rule('scss').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('scss').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('scss').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('scss').oneOf('normal').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('sass') */
      {
        test: /\.sass$/,
        oneOf: [
          /* config.module.rule('sass').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('sass').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('sass').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('sass').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('sass').oneOf('vue-modules').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  sassOptions: {
                    indentedSyntax: true
                  }
                }
              }
            ]
          },
          /* config.module.rule('sass').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('sass').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('sass').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('sass').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('sass').oneOf('vue').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  sassOptions: {
                    indentedSyntax: true
                  }
                }
              }
            ]
          },
          /* config.module.rule('sass').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('sass').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('sass').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('sass').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('sass').oneOf('normal-modules').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  sassOptions: {
                    indentedSyntax: true
                  }
                }
              }
            ]
          },
          /* config.module.rule('sass').oneOf('normal') */
          {
            use: [
              /* config.module.rule('sass').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('sass').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('sass').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('sass').oneOf('normal').use('sass-loader') */
              {
                loader: 'sass-loader',
                options: {
                  sourceMap: false,
                  sassOptions: {
                    indentedSyntax: true
                  }
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('less') */
      {
        test: /\.less$/,
        oneOf: [
          /* config.module.rule('less').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('less').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('less').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('less').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('less').oneOf('vue-modules').use('less-loader') */
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('less').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('less').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('less').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('less').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('less').oneOf('vue').use('less-loader') */
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('less').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('less').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('less').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('less').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('less').oneOf('normal-modules').use('less-loader') */
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          },
          /* config.module.rule('less').oneOf('normal') */
          {
            use: [
              /* config.module.rule('less').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('less').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('less').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('less').oneOf('normal').use('less-loader') */
              {
                loader: 'less-loader',
                options: {
                  sourceMap: false
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('stylus') */
      {
        test: /\.styl(us)?$/,
        oneOf: [
          /* config.module.rule('stylus').oneOf('vue-modules') */
          {
            resourceQuery: /module/,
            use: [
              /* config.module.rule('stylus').oneOf('vue-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('stylus').oneOf('vue-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('stylus').oneOf('vue-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('stylus').oneOf('vue-modules').use('stylus-loader') */
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          /* config.module.rule('stylus').oneOf('vue') */
          {
            resourceQuery: /\?vue/,
            use: [
              /* config.module.rule('stylus').oneOf('vue').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('stylus').oneOf('vue').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('stylus').oneOf('vue').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('stylus').oneOf('vue').use('stylus-loader') */
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          /* config.module.rule('stylus').oneOf('normal-modules') */
          {
            test: /\.module\.\w+$/,
            use: [
              /* config.module.rule('stylus').oneOf('normal-modules').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('stylus').oneOf('normal-modules').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2,
                  modules: {
                    localIdentName: '[name]_[local]_[hash:base64:5]'
                  }
                }
              },
              /* config.module.rule('stylus').oneOf('normal-modules').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('stylus').oneOf('normal-modules').use('stylus-loader') */
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          },
          /* config.module.rule('stylus').oneOf('normal') */
          {
            use: [
              /* config.module.rule('stylus').oneOf('normal').use('vue-style-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/vue-style-loader/index.js',
                options: {
                  sourceMap: false,
                  shadowMode: false
                }
              },
              /* config.module.rule('stylus').oneOf('normal').use('css-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/css-loader/dist/cjs.js',
                options: {
                  sourceMap: false,
                  importLoaders: 2
                }
              },
              /* config.module.rule('stylus').oneOf('normal').use('postcss-loader') */
              {
                loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/postcss-loader/src/index.js',
                options: {
                  sourceMap: false,
                  plugins: [
                    function () { /* omitted long function */ }
                  ]
                }
              },
              /* config.module.rule('stylus').oneOf('normal').use('stylus-loader') */
              {
                loader: 'stylus-loader',
                options: {
                  sourceMap: false,
                  preferPathResolver: 'webpack'
                }
              }
            ]
          }
        ]
      },
      /* config.module.rule('js') */
      {
        test: /\.m?jsx?$/,
        exclude: [
          function () { /* omitted long function */ }
        ],
        use: [
          /* config.module.rule('js').use('cache-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/cache-loader/dist/cjs.js',
            options: {
              cacheDirectory: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/.cache/babel-loader',
              cacheIdentifier: 'd6e1672a'
            }
          },
          /* config.module.rule('js').use('babel-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/babel-loader/lib/index.js'
          }
        ]
      },
      /* config.module.rule('eslint') */
      {
        enforce: 'pre',
        test: /\.(vue|(j|t)sx?)$/,
        exclude: [
          /node_modules/,
          '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/@vue/cli-service/lib'
        ],
        use: [
          /* config.module.rule('eslint').use('eslint-loader') */
          {
            loader: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/eslint-loader/index.js',
            options: {
              extensions: [
                '.js',
                '.jsx',
                '.vue'
              ],
              cache: true,
              cacheIdentifier: '2b54db13',
              emitWarning: false,
              emitError: false,
              eslintPath: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/node_modules/eslint',
              formatter: undefined
            }
          }
        ]
      }
    ]
  },
  optimization: { // 優化配置
    splitChunks: { // 替代 CommonsChunkPlugin
      cacheGroups: { // 緩存組
        vendors: {
          name: 'chunk-vendors',
          test: /[\\\/]node_modules[\\\/]/,
          priority: -10,
          chunks: 'initial'
        },
        common: {
          name: 'chunk-common',
          minChunks: 2,
          priority: -20,
          chunks: 'initial',
          reuseExistingChunk: true
        }
      }
    },
    minimizer: [ // 允許通過提供一個或多個不同的自定義 TerserPlugin 實例來覆蓋默認的最小化器
      /* config.optimization.minimizer('terser') */
      new TerserPlugin( // TerserPlugin 提供代碼壓縮的功能
        {
          terserOptions: {
            compress: {
              arrows: false,
              collapse_vars: false,
              comparisons: false,
              computed_props: false,
              hoist_funs: false,
              hoist_props: false,
              hoist_vars: false,
              inline: false,
              loops: false,
              negate_iife: false,
              properties: false,
              reduce_funcs: false,
              reduce_vars: false,
              switches: false,
              toplevel: false,
              typeofs: false,
              booleans: true,
              if_return: true,
              sequences: true,
              unused: true,
              conditionals: true,
              dead_code: true,
              evaluate: true
            },
            mangle: {
              safari10: true
            }
          },
          sourceMap: true,
          cache: true,
          parallel: true,
          extractComments: false
        }
      )
    ]
  },
  plugins: [
    /* config.plugin('vue-loader') */
    new VueLoaderPlugin(), // 定位在 require('vue-loader/lib/plugin')
    /* config.plugin('define') */
    new DefinePlugin( // Defineplugin 允許創建可以在編譯時配置的全局常量
      {
        'process.env': {
          NODE_ENV: '"development"',
          BASE_URL: '"/"'
        }
      }
    ),
    /* config.plugin('case-sensitive-paths') */
    new CaseSensitivePathsPlugin(),
    /* config.plugin('friendly-errors') */
    new FriendlyErrorsWebpackPlugin(
      {
        additionalTransformers: [
          function () { /* omitted long function */ }
        ],
        additionalFormatters: [
          function () { /* omitted long function */ }
        ]
      }
    ),
    /* config.plugin('html') */
    new HtmlWebpackPlugin(
      {
        title: 'vue-cli3-webpack',
        templateParameters: function () { /* omitted long function */ },
        template: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/public/index.html'
      }
    ),
    /* config.plugin('preload') */
    new PreloadPlugin(
      {
        rel: 'preload',
        include: 'initial',
        fileBlacklist: [
          /\.map$/,
          /hot-update\.js$/
        ]
      }
    ),
    /* config.plugin('prefetch') */
    new PreloadPlugin(
      {
        rel: 'prefetch',
        include: 'asyncChunks'
      }
    ),
    /* config.plugin('copy') */
    new CopyPlugin( // 將已存在的單個文件或整個目錄複製到生成目錄
      [
        {
          from: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/public',
          to: '/Users/huangyao/Documents/黃遙/learn-and-work/學習和準備/vue-cli3-webpack/dist',
          toType: 'dir',
          ignore: [ // 忽略的內容
            '.DS_Store',
            {
              glob: 'index.html',
              matchBase: false
            }
          ]
        }
      ]
    )
  ],
  entry: {
    app: [
      './src/main.js'
    ]
  }
}
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Webpack原理

webpack原理查看所有文檔頁面：全棧開發，獲取更多信息。原文鏈接：webpack原理，原文廣告模態框遮擋，閱讀體驗不好，所以整理成本文，方便查找。工作原理概括基本概念在瞭解 Webpack 原理前，需要掌握以下幾個核心概念，以方便後面

Super_LD 2020-07-04 19:26:15

關於webpack打包babel配置報錯Module build failed: TypeError: Cannot read property 'bindings' of null的解決方法

webpack版本要與babel版本對應，否則即使配置項exclude配置了node_modules也可能會報錯。babel配置詳見GitHub地址 webpack 4.x | babel-loader 8.x | babel 7.x 對應

原創 2023-10-09 23:41:43

使用webpack編譯typescript

安裝相關依賴 npm i typescript ts-loader awesome-typescript-loader -D webpack.config.js新增配置項 { test: /\.tsx?$/, use: { loader:

原創 2023-10-09 23:41:42

webpack提取公用代碼

CommonsChunkPlugin插件 適用於多entry webpack.optimize.CommonsChunkPlugin   首先需要安裝項目中的webpack  npm i webpack -D   示例  提取page和pa

原創 2023-10-09 23:41:29

webpack第三方依賴包打包

接上次webpack的內容 在pages中引入lodash import * as_ from lodash' webpack.config.js entry中新增 vendor:['loadsh'] 在插件中配置 new webpack.

原創 2023-10-09 23:41:25

Invalid configuration object. Webpack has been initialised using a..

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API sche

Rhynie 2021-01-30 09:32:43

一文讀懂、入門Webpack

Q1：Webpack主要用來做什麼？ A1：Webpack是一個打包模塊化 JavaScript 的工具，在 Webpack 裏一切文件皆模塊，通過 Loader 轉換文件，通過 Plugin 注入鉤子，最後輸出由多個模塊組合成的文件。W

magic_engineer 2020-07-07 03:52:08

webpack@4中babel7配置

安裝 首先確保本地已經安裝了webpack和webpack-cli 安裝babel-loader npm i -D babel-loader 安裝玩後，控制檯有提示： 按照提示安裝@babel/core@^7.0.0 npm

huzhenv5 2020-07-05 10:22:31

Path.resolve()

path.resolve() 方法會將路徑或路徑片段的序列解析爲絕對路徑。 var path = require("path") //引入node的path模塊 path.resolve('/foo/bar', './baz'

samllplum 2020-07-03 22:28:04

vue項目打包後出現的map後綴文件

Vue項目打包後。代碼會經過壓縮混淆,static文件夾下的css和js文件對應的生成了map後綴的文件。map文件可以在調試代碼的時候,準確暑促哪一行哪一列的報錯信息，方便開發人員調試bug，但是它遠遠超出了對應的css和js的代碼質量

samllplum 2020-07-03 22:28:04

Webpack 4 學習之路（上）

Webpack simple 以下均在 Webpack 4.42.1 版本環境下 mkdir webpack-simple cd webpack-simple npm init npm i --save-dev webpack w

前端散打王 2020-07-02 16:35:56

webpack-dev-server解決單頁面應用路由問題

目前比較主流的框架如Vue、React等，都是單頁面應用的框架。一般我們在使用它們的時候，會使用官方腳手架來創建項目，所以我們不必關心單頁面應用路由是如何實現的，因爲腳手架中已經幫我們做好了配置。在具體項目開發中，我們只需要做相應

-小橙子- 2020-07-02 02:46:10

webpack中babel的使用（學習篇10）

babel的作用主要是：把ES6代碼轉換爲當前和舊版瀏覽器或環境中可以識別的js語法。下邊說說babel在webpack中的用法。 安裝： npm install --save-dev babel-loader @babel/co

-小橙子- 2020-07-02 02:46:10

深入淺出 Webpack【閱讀總結】章節一

前言 - 閱讀《深入淺出webpack》一書實踐記錄一 目錄 安裝與使用 Loader Plugin Devserver 源碼參考 安裝與使用 # npm i -D 是 npm install --save-dev 的簡寫，

Hi-Sen 2020-07-01 21:03:59

深入淺出 Webpack【閱讀總結】章節二

前言 - 閱讀《深入淺出webpack》一書實踐記錄二 目錄 Entry：入口，Webpack 執行構建的第一步將從 Entry 開始，可抽象成輸入。 Output：出口，輸入結果。 Module：模塊，Webpack 會從配置

Hi-Sen 2020-07-01 21:03:58