在vue.config.js的对象中使用publicPath: “”,可以构造出不再/的对js文件的引用,这样就可以把代码放在任意的目录中,正常使用。
module.exports= {
publicPath: "",
devServer: {
}
}
}
publicPath: “/”,如果不显示式的配置出来,默认就是/根目录,生成的引用都带/
也可以放在某些具体的目录下:比如放在/some目录下。
生成的对文件的引用如下:
实际的目录结构如下,并不会把代码编译到一个some目录,/some只是对js文件的引用
dist/
├── css
│ └── app.beb24911.css
├── favicon.ico
├── img
│ └── logo.82b9c7a5.png
├── index.html
└── js
├── about.f4fd965f.js
├── about.f4fd965f.js.map
├── app.2e296958.js
├── app.2e296958.js.map
├── chunk-vendors.47b1b2b6.js
└── chunk-vendors.47b1b2b6.js.map