首页 > 使用vue-router 合并问题

使用vue-router 合并问题

使用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]那儿到底匹配的是什么,在路由那儿能修改吗?


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


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


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

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

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

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

【热门文章】
【热门文章】