forked from mingzepeng/react-boilerplate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
62 lines (60 loc) · 1.98 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
var path = require('path')
var webpack = require('webpack')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var ExtractTextPlugin = require("extract-text-webpack-plugin");
// var autoprefixer = require('autoprefixer');
// var precss = require('precss');
// var cssgrace = require('cssgrace');
// var filterGradient = require('postcss-filter-gradient');
// var atImport = require("postcss-import");
// var postcssUrl = require("postcss-url");
module.exports = {
entry: {
main : path.join(__dirname,"./examples/scripts/main.js")
},
output: {
path: path.join(__dirname,'dist'),
// publicPath: "/bundles/",
filename: "[name].bundle.js",
chunkFilename: "[id].chunk.js"
},
module: {
rules : [
{test : /\.less$/, use : ExtractTextPlugin.extract({
fallback : 'style-loader',
use : ['css-loader',{loader : 'postcss-loader', options : {
plugins : function(){
return [ require('autoprefixer')]
}
}},'less-loader'],
publicPath : ''
})},
{test : /\.css$/, use : ExtractTextPlugin.extract({
fallback : 'style-loader',
use : 'css-loader',
publicPath : ''
})},
{test : /\.jsx?$/, loader : 'babel-loader' , exclude: /node_modules/},
{test: /\.(png|jpg|jpeg|gif)$/, use:[{loader : 'url-loader', options : {limit : 30000}}]},
{test: /\.(svg|ttf|eot|svg|woff(\(?2\)?)?)(\?[a-zA-Z_0-9.=&]*)?(#[a-zA-Z_0-9.=&]*)?$/, loader : 'file-loader'}
]
},
resolve : {
modules: [path.join(__dirname, "./"),"node_modules"]
},
// postcss: function () {
// return [require('autoprefixer') , require('postcss-clearfix')];
// },
plugins : [
new webpack.DefinePlugin({
"process.env" : {
NODE_ENV : JSON.stringify("production")
}
}),
new ExtractTextPlugin("[name].bundle.css",{allChunks: true}),
new HtmlWebpackPlugin({
template : path.join(__dirname,'./examples/index.html'),
inject: true
})
]
};