webpack打包问题
发布于 9天前 作者 yuyang041060120 186 次浏览 来自 问答

如何在webpack.config文件中，指定模块打成一个文件 比如将jquery等第三方类库打成一个文件，将全站的组件如ui等打成一个文件 而不是像webpack官方所说的将相同的内容打成一个模块

3 回复

你可以分开两个不同的文件，一个是“global”的，还有一个譬如说第三方的，然后分开他们的entry point。 虽然我建议第三方的如果可以的话放到external里面然后用cdn。 entry point写法：http://webpack.github.io/docs/multiple-entry-points.html

@shekhei 能给个具体项目的结构和代码么？谢谢了

就譬如这样，你不如去看我给你的链接吧，说的很清晰的。但是如果是使用webpack，这种情况，使用 http://webpack.github.io/docs/code-splitting.html 这会把公用的代码拉出来，帮你优化，不用管这么多。譬如：

// one.js
require('jquery');
var b = "abc";
//two.js
require('jquery');
var c = "def";
//webpack.config.js
{
  entry: ['one.js', 'two.js'],
  plugins: [
    new webpack.optimize.CommonsChunkPlugin() //具体怎么写你最好看文档
  ]
}

类似以上的代码，估计会创建3个或以上的js，会自动的优化。 但是还是建议用cdn加external http://webpack.github.io/docs/library-and-externals.html

回到顶部