Изучаю возможность использования less с помощью webpack. Написал небольшой конфиг, запускаю webpack, ошибок нет, но css не собирает. Подключил ExtractTextPlugin. Вроде все нормально, но чего - то не хватает. Помогите разобраться. Вот конфиг мой:
var webpack = require('webpack');
var NODE_ENV = process.env.NODE_ENV || 'development';
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
context: __dirname + '/js/src',
entry: {
main: './main.js',
about: './about.js'
},
output: {
path: __dirname + '/public',
publicPath: '/',
filename: "[name].js"
// path: __dirname + '/js/dist',
// publicPath: '/js/dist/',
// filename: "[name].js",
// chunkFilename: '[id].[name].js',
// library: '[name]'
},
watch: NODE_ENV == 'development',
watchOptions: {
aggregateTimeout: 100
},
devtool: NODE_ENV == 'development' ? 'cheap-inline-module-source-map' : false,
resolve: {
modules: ['node_modules'],
extensions: ['', '.js', '.json']
},
resolveLoader: {
modules: ['node_modules'],
moduleExtensions: ['-loader'],
extensions: ['', '.js', '.json']
},
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel'
},
{
test:/\.less$/,
loader: ExtractTextPlugin.extract('css!less')
}
]
},
plugins: [
new ExtractTextPlugin('[name].css', { allChunks: true }),
new webpack.NoErrorsPlugin(),
// new webpack.optimize.CommonsChunkPlugin({
// name: 'common',
// chunks: ['main', 'about']
// }),
new webpack.DefinePlugin({
NODE_ENV: JSON.stringify(NODE_ENV),
LANG: JSON.stringify('ru')
})
]
};
if(NODE_ENV == 'production') {
module.exports.plugins.push(
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
drop_console: true,
unsafe: true
}
})
);
}
Средний
Средний
