分享webpack打包

Posted

tags:

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

我们需要全局安装,这样在任何项目中都能使用到
npm install -g webpack
webpack是根据它的配置文件去打包的,所以在项目根目录下新建一个webpack.config.js

module.exports = {
// entry是入口文件,可以多个,代表要编译那些js
entry:[‘xxx.js‘],
output:{
path:‘./build/js‘, // 输出到那个目录下
filename:‘build.js‘ //最终打包生产的文件名
},
};

最后,我们只需要在项目根目录下执行 $ webpack 就完成了打包工作










以上是关于分享webpack打包的主要内容,如果未能解决你的问题,请参考以下文章

视频webpack打包机制及调试优化

分享18个webpack插件,你千万要收藏好,留备用

极客大咖分享-把webpack打的包再拆分一下

第992期webpack 2 打包实战(上)

关于Webpack的的认识及傻瓜式教学

Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化