Javascript Can'；用WebPACK加载基础6的整个SCS 我尝试用Webpack加载基础6 SCSS。< /P>

这是我非常简单的

main.scss

文件：

@import '~foundation-sites/scss/foundation';

body {
  background-color: red;
}

下面是我的

app.js

中的调用：

import './main.scss';  //webpack syntax

这是我的webpack.config.js：

var webpack = require("webpack");

module.exports = {

    context: __dirname + '/src',
    entry: './app/app.js',

    resolve: {
        root: [__dirname + "/src"],
        moduleDirectories: [__dirname + '/node_modules']
    },

    externals: {
        jQuery: 'jQuery',
        foundation: 'Foundation'
    },

    module: {
        loaders: [
            {
                test: /\.js$/, exclude: /node_modules/,
                query: {
                    presets: ['es2015']
                },
                loader: "babel"
            },
            {test: /\.scss$/, loader: 'style!css!sass!'},
            {test: /\.html$/, exclude: /node_modules/, loader: "raw"}

        ]
    },

    // support source maps
    devtool: "#inline-source-map"

};

运行

webpack dev server--content base src/

后， 生成的

index.html

文件包含以下内容：

为什么只有基金会SCS的初始评论 可能是sass加载器的错误吗

---

我无法加载整个基金会的scss文件

可能重复：哇！！！同样的例子！惊人：）我也注意到了，疯狂的巧合哈哈。真的！！顺便说一句，答案很明显：）谢谢你的链接。