我正在尝试使用webpack自动前缀/编译我的scss。这是我的webpack.config.js(基本上是复制/粘贴自举程序):
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.(scss)$/,
use: [
{
// Adds CSS to the DOM by injecting a `<style>` tag
loader: 'style-loader'
},
{
// Interprets `@import` and `url()` like `import/require()` and will resolve them
loader: 'css-loader'
},
{
// Loader for webpack to process CSS with PostCSS
loader: 'postcss-loader',
options: {
plugins: function () {
return [
// require('precss'),
require('autoprefixer')
];
}
}
},
{
// Loads a SASS/SCSS file and compiles it to CSS
loader: 'sass-loader'
}
]
}
]
}
};
但是,如果我有未定义的变量或其他错误,那么我从wp -w
获得的唯一详细信息就是
0:0错误模块构建失败(来自 ./node_modules/sass-loader/lib/loader.js):
什么都没告诉我。我想知道文件和行号,数量和错误类型。
编辑:我看着wp --help
,尝试了--debug
和--log-level debug
,但是都没有找到我想要的位置。