vue cli3.0 打包静态文件目录的配置

摘要:
默认情况下,vuecli3.0打包生成的文件也会作为cli2.0在dist目录中生成,但css、js和img等静态文件不会像cli2.0那样放在静态文件夹中。您需要修改vue.config.js:module的几个配置变量。exports={publicPath:“dist”,//输出文件目录lintOnSave:false,//保存时eslint检查assetsDir:'static',

vue cli3.0默认打包生成的文件和cli2.0同样是生成在dist目录中,但静态文件如css、js、img并未像cli2.0一样放在static文件夹下,而是和index.html处在同一目录中,显得十分散乱

要使打包后的文件与cli2.0的相同,需要修改vue.config.js的几项配置变量:

module.exports = {
  publicPath: './',
  outputDir: "dist", // 输出文件目录
  lintOnSave: false, // eslint 是否在保存时检查
  assetsDir: 'static', // 配置js、css静态资源二级目录的位置  
}

这样便可以改为和cli2.0一致了

vue cli3.0 打包静态文件目录的配置第1张

免责声明:文章转载自《vue cli3.0 打包静态文件目录的配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Centos7 挂载kernel: blk_update_request: I/O error, dev fd0, sector 0下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

黑客入侵的常法

      1.无论什么站,无论什么语言,我要渗透,第一件事就是扫目录,最好一下扫出个上传点,直接上传 shell ,诸位不要笑,有时候你花很久搞一个站,最后发现有个现成的上传点,而且很容易猜到,不过这种情况发生在 asp 居多!    2.asp ( aspx )+MSSQL 先考虑注入,一般的注入都有 DBowner 权限可以直接写 shell ;如果...

解决cocos2dx在VS2012中文版环境下不支持中文的问题

  首先要明确的一点是:cocos2dx是支持中文的。因为其编码格式为UTF-8(无签名)——这只是我在网上找到的结论,并非从官方获取,因此不能十分确定,不过应该无误。   那么,为什么在VS2012环境下,cocos2dx不能正确显示中文呢?   这是因为二者编码格式不一致。VS2012中文版的默认编码格式为GB2312-80(我不确定英文版的格式如何,...

解决vue空格换行报错问题

这个问题主要是因为你初始化的时候设置了eslint(规范化代码,你可以重新初始化关掉eslint)解决办法如下(建议方法三,简单): 方法一: 找到目录下的build文件夹,面有webpack.base.config.js文件,将下放代码注释掉然后重启就可以了 由于我用vue-cli创建的项目没有build文件夹,所以找不到webpack.base.co...

用configmap管理配置

一、ConfigMap介绍管理配置: ConfigMap介绍 Secret 可以为 Pod 提供密码、Token、私钥等敏感数据;对于一些非敏感数据,比如应用的配置信息,则可以用 ConfigMap ConfigMap 的创建和使用方式与 Secret 非常类似,主要的不同是数据以明文的形式存放。 与 Secret 一样,ConfigMap 也支持四种创...

使用vscode快速建立vue模板

当我们希望每次新建.vue文件后,vscode能够根据配置,自动生成我们想要的内容。 打开vscode编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue,将代码ctrl+c 到vue-html.json { "Print to console": { "prefix": "vue",...

shell中的条件判断

1.测试内容  2.测试方法  3.应用示例   在shell脚本中应用条件测试时,关键是“测试表达式”。在条件语句中测试时首先分清楚测试什么类型的信息:数字、字符串、还是一个文件,要么就是一个逻辑关系。当遇到不同的测试类型时自然就有不同的“测试属性”,理解这个测试属性是必须的。不然就不知道从何处下手。   判断的返回值:真、假。   当判断的条件是一...