baseUrl:'/',//部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)outputDir: 'dist',//运行时生成的生产环境构建文件的目录(默认''dist'',构建之前会被清除)assetsDir: '',//放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')indexPath: 'index.html',//指定生成...
4-4 assetsDir 放置静态资源 (js、css、img、fonts) 目录 4-5 indexPath 生成的 index.html 的输出路径 4-6 filenameHashing 文件名 hash 加密 4-7 pages multi-page 模式下构建应用 多页模式 (MPA Multi-page Application) 单页模式 (SPA Single-page Application) ...
Version 3.2.0 Reproduction link https://github.com Environment info 在 vue.config.js 中修改 assetsDir, 具体如下 assetsDir: 'script', 打包后再 dist 下面, index.html 文件和其他文件在同一级目录下, 并未出现 script 文件夹 Steps to reproduce vue.config.js 配置
打出来的包可以被部署在任意路径outputDir:"dist",//打包时生成的生产环境构建文件的目录assetsDir:'public',// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录/*devServer: {
assetsDir: 'assets', // 静态文件目录 publicPath: './', // 编译后的地址,可以根据环境进行设置 lintOnSave: true, // 是否开启编译时是否不符合eslint提示 以上的所有代码必须写在module.exports输出才能生效. 详细的配置可参考官网 vue-cli3 项目框架性能优化 (v1_mint_ui分支) ...
Version 3.0.5 Node and OS info Windows 10 node v8.9.3 Steps to reproduce outputDir 和 assetsDir 同时配置 后 npm run build 的时候会打包的文件不是只指向outputDir 的目录 而是 outputDir + assetsDir 的目录 而这样已关联assetsDir配置会找不到文件 ---
https://cli.vuejs.org/zh/config/#assetsdir 这样一看,其实创建多页面项目很简单,因为已经内置了这些配置,你只要每次搭建一个页面就这边配置一条。这是一种最简单的方法。 了解到有glob这个api,于是我这边是固定了一个多页面的目录: 相当于每一个多页就是一个完整的单页,跟一个单页项目一模一样。
如果为false,则不输出警告outputDir: "dist2", // 打包之后所在目录, 默认值 distassetsDir: "assets", // 静态资源打包之后 存放路径 ,(相对于outputDir指定的路径), 默认值 ''indexPath: "out/index.html", // index.html 主页面打包之后存放的目录(相对于outputDir指定的路径),默认值 index.html...
vue-cli 2.0 中,assetsSubDirectory 可以在如下位置配置: {代码...} 最终执行 npm run build 后,生成的 dist 目录为: 在 vue-cli3.0 中默认生成的是: 如何在 vue-cli3.0 的 vue.config.js 中配置才能生成图...
assetsDir:'static' } 1. 2. 3. 4. 5. 注意: VueCli3.0 没有的webpack.js 的配置文件。所以进行配置时需要手动添加一个vue.config.js 文件, 并在添加以上代码即可。也就是说,在VueCli3.0 里webpack.js 文件被替换成了vue.config.js 文件。