Question

所以我刚刚发现了用于改进我的scss文件的susy框架，我想在我的MEAN-app中使用它。我阅读了文件并按照说明进行操作。但是，我无法在我的scss文件中使用它。我按照以下步骤操作：

安装Susy：npm install susy
确保安装了sass-loader：npm install sass-loader --save-dev

在webpack配置中启用了Sass加载程序（webpack.confif.common.js）：

module.exports = { 条目：{ 'app'：'。/ assets / app / main.ts' }，

resolve: {
    extensions: ['.js', '.ts']
},

module: {
    rules: [
        {
            test: /\.html$/,
            use: [{ loader: 'html-loader' }]
        },
        {
            test: /\.css$/,
            use: [{ loader: 'raw-loader' }]
        },
        {
            test: /\.scss$/,
            use: ['style-loader', 'css-loader', 'sass-loader']
        }
    ],
    exprContextCritical: false

}

};

在我的app.component.scss中导入susy：该网站声明我应该使用@import "~susy/sass/susy";，但这给了我一个错误，所以我添加了一个相对路径：@import "../../node_modules/susy/sass/susy";

这就是我的app.component.scss文件现在的样子：

@import "SCSS variables/theme-colors";
@import "../../node_modules/susy/sass/susy";


$susy: (
        columns: 16,
        debug: (image: show),
        global-box-sizing: border-sizing
);

$medium-screen: 720px;
$link-color: #330000;

a {
  color: $link-color;

  &:hover {
    color: lighten($link-color, 25%);
  }
}

.container {
  @include container();
}

**这是我得到的错误**

cmd.exe / D / C调用C：/Ruby25-x64/bin/scss.bat --no-cache --update   app.component.scss：app.component.css         错误app.component.scss（第23行：未定义的mixin'容器'。）

使用退出代码1完成处理

有人能看到我可能做错了吗？

在Mean-stack app中使用Susy Scss框架

0 个答案: