假设我们有一个公共的scss变量文件variables.scss
/*存放所有全局变量*/$ card-title: # C7D200;//首页卡片标题颜色
$ bc-color: # 182037;
美元hoverColor: # 7 abef9;//链接盘旋颜色
$ fontColor: # E6EFFF;//字体颜色,白色
webpack要识别scss,需要先安装sass的加载程序
npm安装——save-dev sass-loader//sass-loader依赖于node-sass
npm安装——save-dev node-sass
在页面中需要用到这些自定义变量的时候,每次都需要显示引入:
@ import”@/资产/scss/variables.scss;
这样操作起来非常麻烦,我们可以通过<代码> sass-resources-loader>
<代码> sass-resources-loader>
<代码> npm安装——save-dev sass-resources-loader
然后在构建文件夹下找到实效。js修改sass编译器加载器的配置,直接把下面的代码复制进去即可:
//全局文件引入当然只想编译一个文件的话可以省去这个函数
函数resolveResource(名字){
返回路径。解决(__dirname”. ./src/资产/scss/+名字);
｝
函数generateSassResourceLoader () {
var装载机=[
cssLoader,
“sass-loader”,
{
装载机:“sass-resources-loader”,
选择:{//多个文件时用数组的形式传入,单个文件时可以直接使用路径。解决(__dirname“. ./src/资产/scss/variables.scss”
资源:[resolveResource (variables.scss)]//变量
｝
｝
];
如果(options.extract) {
返回ExtractTextPlugin.extract ({
用途:装载机、
回退:“vue-style-loader”
});
其他}{
返回(“vue-style-loader”) .concat(加载器);
｝
｝
返回{
css: generateLoaders (),
postcss: generateLoaders (),
少:generateLoaders(少),//vue-cli默认sass配置//sass: generateLoaders(“萨斯”,{indentedSyntax:真}),//scss: generateLoaders(“萨斯”),//新引入的sass-resources-loader
sass: generateSassResourceLoader (),
scss: generateSassResourceLoader (),
笔:generateLoaders(笔),
styl: generateLoaders(笔)
};
…
D: \ WorkSpace \ ui-admin \ node_modules \ sockjs-client \ dist \ sockjs.js,找到代码1601行,注释掉代码self.xhr.send(载荷);
尝试{//self.xhr.send(载荷);
}捕捉(e) {
这样就可以了
vue中解决的<代码> NavigationDuplicated {_name:“NavigationDuplicated”的名字:“NavigationDuplicated”}
在引入vue-router的界面中添加如下代码:
const originalPush=Router.prototype.push;
Router.prototype。推=function推(位置){
originalPush返回。调用(这一点,位置)。抓住(呃=比;错);
};
以上所述是小编给大家介绍的vue项目中常见问题及解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
