今天给各位分享webpack按需打包libra的知识，其中也会对webpack打包的作用进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
webpack简单配置,路由配置,接口拦截配置,基本文件配置
1、webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。
2、vue-cli3 最大的特点就是 零配置 ，脚手架把webpack相关的配置都隐藏在@vue\preload-webpack-plugin中，默认的配置可以满足大部分应用场景，优点是我们可以节省很多折腾配置的时间，webpack对于新手来说，还是有点门槛的，这样一来，新人上手可以更关注于vue的编码上。
3、webpackConfig.plugins.push(plugin)；})路由配置 在多页应用下，我们希望访问的是localhost：8080/a，而不是localhost：8080/a.html。由于webpack-dev-server只是将文件打包在内存里，所以你没法在express里直接sendfile(output/views/a.html)，因为这个文件实际上还不存在。
4、如果没有build/utils.js，可以添加到其他文件中，只要后续步骤可以操作即可。命名模块名，与package.json相同 范围模块范围命名 Jsjs地址 Csscss地址 这里要特别注意scope，这是webpack配置的外部参数下的信息。
5、）assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；2）components：组件目录，我们写的组件就放在这个目录里面；3）router：前端路由，我们需要配置的路由路径写在index.js里面；4）App.vue：根组件；5）main.js：入口js文件；static：静态资源目录，如图片、字体等。
webpack按需打包libra的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于webpack打包的作用、webpack按需打包libra的信息别忘了在本站进行查找喔。
