Я пытаюсь скомпилировать и проанализировать файлы css и js с помощью веб-пакета, посмотрев на объект отношения пути и имени файла, который выглядит примерно так:
var filePath = {
'dist/js/a': './app/js/a.js'
'dist/js/b': './app/js/b.js',
'dist/css/c': './app/sass/c.scss'
}
Я установил filePath в качестве значения для entry.Вот как выглядит мой конфиг веб-пакета
module.exports = {
entry: filePath,
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'app_dist')
},
module: {
rules: [
{
test: /\.scss$/,
use: [
{
loader: 'file-loader',
options: {
name: 'dist/css/[name].css',
}
},
{
loader: 'sass-loader'
}
]
}
]
}
};
Проблема в том, что он анализирует файлы .scss как файлы .js в каталоге css вместе с правильными файлами css.Ожидаемый результат должен выглядеть примерно так:
app_dist
dist
js
a.js
b.js
css
c.css
, но я получаю что-то вроде этого
app_dist
dist
js
a.js
b.js
css
c.css
c.js //this is incorrect and shouldnt be there since c is not a js file
Также в каталоге / js есть все нужные файлы.Я вижу только проблемы в директории / css