Я использую конфигурацию webpack для объединения моих файлов JS и S CSS в каталог sr c, и это работало нормально, но я хочу множественный вывод . (не один файл как пакет. js) Один для js, один для css.
Мой идеальный вывод в папке publi c :
- style / main. css
- scripts / main. js
это моя конфигурация:
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'public/scripts'),
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['env'],
},
},
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
{
test: /\.s[ac]ss$/i,
use: ['style-loader', 'css-loader', 'sass-loader'],
},
{
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
loader: 'url-loader?limit=100000',
},
],
},
devServer: {
contentBase: path.resolve(__dirname, 'public'),
publicPath: '/scripts/',
},
};
Я также использовал ExtractTextPlugin
и MiniCssExtractPlugin
, но я не получил результат.