javascript - 使用vue-router 合并问题
黄舟
黄舟 2017-04-11 12:36:13
[JavaScript讨论组]

使用vue-router和 webpack,有3个路由。
最后webpack -p 产生了main.js 和 1.1.js, 2.2js, 3.3js 这3个路由。

1.这几个路由怎么改变生成名字
2.这几个文件能合并吗,怎么做?

------------------------------------------更新----------------------------

1.1.js 这些名字在webpack配置上不能更改吗

output: {
        publicPath: 'http://localhost:3001/builds',
        path:path.resolve(__dirname, 'builds/'),
        filename: '[name].min.js',
        chunkFilename: '[name].[hash].js'  //路由 
},

这样的话生产文件会变成 1.ce8240406c152e31b52c.js
[name]那儿到底匹配的是什么,在路由那儿能修改吗?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
ringa_lee

这应该是因为你有的路由加载的组件是异步加载的吧,所以webpack自动帮你完成了按需加载,把代码分割了。
这样才能做到跳转指定路由的时候异步载入对应组件,如果改了名,map就找不到对应的组件文件了。同样的,如果打包在一起,不仅找不到,而且还会在不需要的时候一起被加载进来。

迷茫

你这哪是vue-router啊,你这是webpack打包。
vue-router 是Vue显式声明使用router然后在模版里的特定部分使用不同的vue组件,是前端的路由。

假如你那三个js分别导出的都是vue模块,那么你直接在layout或者入口文件里通过AMD的模式引入进来,再通过router.map进行路径的一个映射,至于打出来的包文件名是什么,跟你项目里引用没关系。

至于webpack配置里的 [name] 就是这个文件的文件名,你是1就是1,chunkFilename,chunk就是模块的意思,跟路由有什么关系。。。。

你要改名,可以通过gulp的rename之类的工具,或者直接先把文件和目录搞好,在遍历文件使用webpack

怪我咯

demo 不谢https://github.com/TIGERB/eas...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号