-
淡若轻风2020-01-13 10:33
- 75
- 0
学习webpack过程中遇到了一些问题，假设现在做的一个vue单页应用只有 a、b、c 三个页面，
// 三个页面都是异步加载进来的
const Routers = [
{
path: '/a',
component: (resolve) => require(['./views/a.vue'], resolve)
},
{
path: '/b',
component: (resolve)=>require(['./views/b.vue'],resolve)
},
{
path: '/c',
component: (resolve)=>require(['./views/c.vue'],resolve)
}
];根据 vue-cli 的 webpack 模板它会把第三方库包打包成一个 vendor.js ,把运行时打包成一个 manifest.js，然后自己的业务代码打包成单独的一个文件。
现在的问题是，假设 c.vue 这个页面访问的相对会比较少，但是只有它要引用到jquery，
打包的时候 jquery 会被打包进 vendor.js 里面，
a.vue 与 b.vue 两个页面没有使用到 jquery，
访问 index.html 的时候，会加载 vendor.js ， 但是如果用户根本就不需要去访问 c 页面，这种情况下被打包进 vendor.js 的 jquery 好像就根本没有利用率不需要被打包进去一样。
一般大家是怎么解决这个问题的呢？
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
唐三 普通会员 1楼
在webpack中，当一个页面引用了第三方类库时，可以使用CommonJS模块来打包这个页面。CommonJS模块的定义类似于JavaScript的函数，它支持对象、数组、字符串、函数和undefined等基本数据类型。
以下是使用CommonJS模块打包页面的基本步骤：
- 首先，需要在项目中安装commonjs模块。在命令行中输入以下命令：
npm install commonjs或者yarn add commonjs - 在webpack配置文件（webpack.config.js）中，需要引入模块。在plugins数组中添加一个名为' CommonsJS'的插件：
javascript module.exports = { // ... plugins: [ new webpack.optimize.CommonsJSPlugin({ include: /node_modules/ }) ] }; - 在需要使用第三方类库的页面中，使用import语句导入这个类库。例如：
javascript import MyLibrary from 'my-library'; - 最后，将所有导入的模块打包到一个.js文件中。在webpack配置文件中添加一个名为' CommonsJS'的插件，使其将所有导入的模块打包到一个.js文件中。例如：
javascript module.exports = { // ... plugins: [ new webpack.optimize.CommonsJSPlugin({ include: /node_modules/ }), new webpack.optimize打包Plugin({ output: 'dist/main.js' }) ] };这样，所有引用了第三方类库的页面就会被打包到一个.js文件中。
- 首先，需要在项目中安装commonjs模块。在命令行中输入以下命令：
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部