场景 业务要求能够直接通过 “域名+/file”的方式访问静态资源的html，然而产品绝对static暴露在url中不好看又不能直接将html放在static中。所以想到了既然static可以直接访问，那么给他新加几个文件目录应该不是问题。 重点 在webpack.dev.conf.js ...

目录结构 按理这样调用是没问题的本地也没有报错 打包访问index.html的时候结果发现路径有个地方重复了，惊不惊喜意不意外（对此我只想说MMP） 思考：我在vue文件里引入路径跟css引入的一样路径为什么图片的没事，反而css的会报错，有没有可能是css做了什么特殊处理 ...

vue项目默认的打包路径：根目录下的dist文件夹下； 但是在项目开发中，我们肯定希望项目提交到svn目录或者git目录下，否则每次复制过去，太麻烦了； 那怎么配置打包路径呢？下面来看看； 我们找到打包配置文件 "config/index.js"下的build属性 修改 ...

vue项目默认的打包路径：根目录下的dist文件夹下； 但是在项目开发中，我们肯定希望项目提交到svn目录或者git目录下，否则每次复制过去，太麻烦了； 那怎么配置打包路径呢？下面来看看； 我们找到打包配置文件 "config/index.js"下的build属性 ...

我们要使用静态资源可以放到src同级目录的static目录中 在vue src href 中使用（但是不知什么原因，生产环境下找不到资源 使用 static/资源路径 开发模式下会出错） src="/static/资源路径" /> 在js中使用 （建议使用js方式 ...

vue cli3.0默认打包生成的文件和cli2.0同样是生成在dist目录中，但静态文件如css、js、img并未像cli2.0一样放在static文件夹下，而是和index.html处在同一目录中，显得十分散乱 要使打包后的文件与cli2.0的相同，需要修改vue.config.js的几项 ...

vue cli3.0默认打包生成的文件和cli2.0同样是生成在dist目录中，但静态文件如css、js、img并未像cli2.0一样放在static文件夹下，而是和index.html处在同一目录中，显得十分散乱 要使打包后的文件与cli2.0的相同，需要修改vue.config.js的几项 ...

为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue 组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 src="./logo.png">和 background: url ...