Question

我的项目结构如下：

我有以下webpack配置文件：

module.exports = {
    context: __dirname + "/resources",
    entry: "./js/entry.js",
    output: {
        path: __dirname + "/public",
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.scss$/,
                loaders: ["style", "css", "sass"]
            }
        ]
    }
};

并使用

打开我的entry.js文件

require('./style.scss');

我理解这个具体的安排可能不起作用，但我已经尝试了一个多小时的不同排列和设置和配置，并且似乎无法让webpack找到我的.scss文件。

有人可以告诉我如何在我的情况下设置webpack配置文件？

干杯。

编辑，

试图在我的要求中提升两个级别，

require('../../scss/style.scss')

仍然给了我，

同样适用于

require('../scss/style.scss');

Answer 1

问题在于需求声明

require('./style.scss');

它将在resources/js目录中搜索您的样式文件，并参考您的entry.js文件，尝试使用此样式：

require('../scss/style.scss');

尝试使用path模块来解析上下文路径：

var path = require('path');
...
context: path.resolve("resources"),
...

如果问题得到解决，请告诉我。

Answer 2

嗯，我觉得自己像一个完全白痴，在多次重命名文件和文件夹并尝试我的require语句的不同排列后，我注意到错误似乎一直在说明

int Fact(int n){

    if(n==1 || n==0){
        return 1;
    }
    else{
     return n* Fact(n-1);
     }


 }

原来我没有将style-loader和css-loader安装到我的项目中，尽管它们与sass-loader捆绑在一起。（它实际上在npm页面上注明），正在运行

Can't resolve 'style' in ...

我的项目目录中的

解决了这个问题。

仍然，感谢您的建议，我希望这可能会对未来的某些人有所帮助。

无法理解这个网络包路径错误

2 个答案: