vue实现引用less，sass全局变量
2024-09-07 04:11:49
1、npm install sass-resources-loader --save-dev；
2、build/utils.js中，修改
function resolveResource(name) {
return path.resolve(__dirname, '../src/assets/css/' + name);
}
function generateSassResourceLoader() {
var loaders = [
cssLoader,
// 'postcss-loader',
'less-loader',
{
loader: 'sass-resources-loader',
options: {
// it need a absolute path
resources: [resolveResource('basic.less')]
}
}
];
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
其中resolveResource中的‘../src/assets/css’换成自己的less/sass文件的路径，generateSassResourceLoader中
resources:[resolveResource('basic.less')]的basic.less换成自己的less/sass文件名；（注意：如果是sass，则
var loaders = [
cssLoader,
// 'postcss-loader',
'less-loader',
{
loader: 'sass-resources-loader',
options: {
// it need a absolute path
resources: [resolveResource('basic.less')]
}
}
];
中的‘less-loader’需要改为 'sass-loader'）;
3、build/utils.js中，把
less: generateLoaders('less') 替换成 less: generateSassResourceLoaer()
参考： https://blog.csdn.net/u014292161/article/details/79193381
最新文章
- asp.net 数据绑定 -- 时间格式
- NGUI实现技能CD效果
- AraxisMerge和beyond Compare做git mergetool配置
- springMVC拦截器和过滤器总结
- 跟我一起云计算（6）——openAPI
- HDU 5898：odd-even number（数位DP）
- Maven使用-- 编写POM
- 设置UIImage 圆角
- Mac 在命令行快速切换目录 mark
- sublime 经验总结 主题有 less2css
- coding 除了托管外，还能进行团队协作.
- sql server中单引号拼接字符串（书写错误会出现错误"浮点值 XXXX 超出了计算机表示范围(8 个字节)。“XX”附近有语法错误。"）
- 深入浅出 SSL 管理配置实战
- zipline-- 开发指南
- 设计模式之Factory工厂模式的好处
- [LeetCode] Minimum Swaps To Make Sequences Increasing 使得序列递增的最小交换
- [IoC容器Unity]第三回：依赖注入
- A1124. Raffle for Weibo Followers
- flask 源码剖析
- ArcGIS 10开发迁移策略（待续）