打开build文件夹下找到webpack.base.conf，设置如下：
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'img':resolve('static')+'/image'
}
},
其中img是我们自己设置的。后面的('static')+'/image'是路径。
随后在页面中我们直接使用就可以了，例如：
.aa{
background: url("~img/img.jpg");
width: 100px;
height:100px;
}
而且这个路径是通用的，是不是方便很多呢。
最开始做项目的时候，经常会因为引入图片而烦恼，所以在网上找了种方法，分享给大家： 其中img是我们自己设置的。后面...
publicPath: 所有资源从这个路径开始查找resolve： 指定查找的路径path: webpack内置处...
作用:设置别名是为了让后续引用的地方减少路径的复杂度 vue-cli2.0 在\build\webpack.ba...
使用webpack插件webpack.DefinePlugin设置全局常量，可减少某些操作。 在webpack插件...
--config 指定webpack配置文件路径 --mode 设置webpack打包环境分为developmen...
环境变量 执行一个命令时，默认从当前路径开始查找，若当前路径找不到对应命令文件，从环境变量$PATH中查找系统变量...
修改webpack.dev.conf.js文件 webpack的打包设置会影响可访问的路径
动态链接库原理 用时查找 查找路径： 默认去/usr/lib /lib 下查找 可以设置自定义路径： export...
未设置环境变量只能全路径执行composer composer设置环境变量 配置完环境变量，每次执行就不需要全路径了
作用 命令的变量执行环境 定义路径 修改.bashrc文件 路径拼接 查找的路径是通过":"进行连接
本文标题：webpack设置固定变量减少查找路径
本文链接：https://www.haomeiwen.com/subject/rhlmcxtx.html
网友评论