Question

从Sass编译样式并从节点模块导入时，我遇到了webpack / vue-cli的问题。

我无法找到正确解决@imports in node_module的方法。

@import '~bootstrap/dist/css/bootstrap.min.css';  // not working, cannot resolve path (sass-loader syntax)
@import '../node_modules/bootstrap/dist/css/bootstrap.min.css';  //works, needs full relative paths

这似乎归结为两个问题：
* sass-loader不用于解析来自node_module（~module）的导入，尽管是由vue-cli为sass配置的加载器 *使用postcss-import，但node_module文件夹没有映射，因此需要相对路径。在这种情况下，内部依赖项（例如，通过url()加载的字体以及从node_modules导入的样式内的相对路径）不会被解析。

任何想法？
TIA

Answer 1

尝试安装node-sass和sass-loader

npm install --save-dev node-sass sass-loader

如果您使用npm，请随意将yarn替换为@import "~bootstrap";。

此外，您可以通过以下方式导入引导程序

#Variables
total=0
pos=0
neg=0
avg=0
i=eval(input("Enter an integer, the input ends if it is 0:"))

#main
while (i!=0):
    total=total+i
    i=eval(input("Enter an integer, the input ends if it is 0:"))

    if(i>0):
        pos+=1

    elif(i<0):
        neg+=1


print("The number of positives is ", pos)
print("The number of negatives is ", neg)
print("The total is",total)
print("The average is ", avg)


avg=total/(pos+neg)

vuejs：vue-cli webpack模板无法解析sass导入

1 个答案: