webpack 1.x 之配置的坑

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 1.x 之配置的坑相关的知识,希望对你有一定的参考价值。

一、静态资源目录改变(默认在dist下面)

默认:

webpack配置

  output: {
    path: path.join(__dirname, ‘./dist‘),
    filename: ‘build.js‘,
    chunkFilename: "[id].chunk.js",
    // publicPath: ‘/dist/‘,
  },

 

index.html

技术分享

 

现在需要修改在dist下面,修改后:

webpack配置

  output: {
    path: path.join(__dirname, ‘./dist‘),
    filename: ‘build.js‘,
    chunkFilename: "[id].chunk.js",
    publicPath: ‘/dist/‘,
  },

index.html中

技术分享

 

 二、公共代码提取

技术分享

上为公共代码引入,下为公共代码提取

以上是关于webpack 1.x 之配置的坑的主要内容,如果未能解决你的问题,请参考以下文章

ReactJS webpack实现JS模块化使用的坑

webpack devServer配置项的坑

webpack4.0在Mac下的安装配置及踩到的坑

[转] 那些在使用webpack时踩过的坑

.39-浅析webpack源码之parser.parse

webpack配置之代码优化