首頁(yè) 猿問(wèn) webpack在vue單頁(yè)面搭建中...

webpack在vue單頁(yè)面搭建中，js命名問(wèn)題

JavaScript

www說(shuō) 2018-12-18 17:15:43

使用vue-cil搭建vue單頁(yè)應(yīng)用中，每個(gè)頁(yè)面按需加載，搭建中訪問(wèn)每個(gè)頁(yè)面都會(huì)加載一個(gè)js，webpack輸出的每個(gè)頁(yè)面的js命名都是以數(shù)字命名，怎么改成以文件名命名方式。build的webpack.base.conf.js 代碼沒(méi)有修改過(guò)，代碼附上主要是filename: '[name].js' 為啥會(huì)生成0.js、1.js，都是按照數(shù)字

查看完整描述

1 回答

叮當(dāng)貓咪

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊

我又認(rèn)真查了下，樓上的那個(gè)改的文件對(duì)了，只是不是那樣改的。
需要改chunkFilename: utils.assetsPath('js/[name].[chunkhash].js')，
懶加載路由需要這樣 const detail = r => require.ensure([], () => r(require('@/pages/index/children/detail')), 'detail')，意思是給 chunk 命名，也算是分組，不會(huì)生成了no-name的chunk。這樣build可以生成detail.js。

反對(duì) 回復(fù) 2019-01-03