200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 打包html js为一个文件 在vue-cli中如何将所有js以及css打包成一个js文件

打包html js为一个文件 在vue-cli中如何将所有js以及css打包成一个js文件

时间:2021-08-21 19:44:34

相关推荐

打包html js为一个文件 在vue-cli中如何将所有js以及css打包成一个js文件

这样的需求不是很合理啊。具体参考楼上回答。

但非要实现也可以。

1、再怎么样,我也建议提取css建议。不然等待JS加载完,才显示样式。用户明显可以看出样式缺失,然后才有样式。

提取使用的插件是用的extract-text-webpack-plugin。

2、从vue-cli @2.9.x版本的build/webpack.prod.conf.js来看,会提取公共的JS代码到mainfest.js,vendor.js,vendor-async.js。如果不需要就注释即可。

刚好之前写了篇分析vue-cli构建的文章,分析vue-cli@2.9.3 搭建的webpack项目工程,附上一些代码和注释可供参考。

// 提取公共代码

new monsChunkPlugin({

name: vendor,

minChunks (module) {

// any required modules inside node_modules are extracted to vendor

return (

module.resource &&

/\.js$/.test(module.resource) &&

module.resource.indexOf(

path.join(__dirname, ../node_modules)

) === 0

)

}

}),

// extract webpack runtime and module manifest to its own file in orde

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。