webpack配置
var path = require('path');
var webpack = require('webpack');
var CopyWebpackPlugin = require('copy-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
var src = './src';
var dist = path.join(__dirname, 'build');
module.exports = {
entry: ['webpack/hot/dev-server', './src/index.js'],
output: {
path: dist,
filename: 'bundle.js',
},
module: {
loaders: [{
test: /\.jsx?$/,
loader: 'babel-loader',
query: {
cacheDirectory: true,
presets: [
require.resolve('babel-preset-es2015'),
require.resolve('babel-preset-react')
]
}
}, {
test: /\.css$/,
loader: 'style-loader!css-loader'
}, {
test: /\.less$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'less-loader']
})
}, {
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=25000'
}]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new ExtractTextPlugin('style.css'),
new CopyWebpackPlugin(
[
{ context: `${src}/`, from: 'index.html' }
],
{
ignore: [],
copyUnmodified: true
}
)
]
};