var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: {
index: './src/script/education.js',
//vendor: ["react", "react-dom"]
},
output: {
path: __dirname + '/build',
//filename: 'education_[hash].js'
filename: 'education.js',
publicPath: "/build",
//chunkFilename: '[name].[chunkhash:5].chunk.js',
chunkFilename: "[name].js"
},
devServer: {
contentBase: './build',
host: 'localhost',
port: 9000,
historyApiFallback: false,
proxy: {
'/api': {
target: 'http://dev2.3-api.zuren8.com/',
pathRewrite: {'^/api': ''},
changeOrigin: true
}
}
},
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader'
})
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader!sass-loader'
})
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'react-hot-loader!babel-loader'
}
]
},
plugins: [
/*new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
output: {
comments: false
}
}),*/
new HtmlWebpackPlugin({
template: './src/index.ejs',
filename: 'index.html',
title: 'name'
}),
new ExtractTextPlugin({
//filename: 'education_[hash].css',
filename: 'education.css',
disable: false,
allChunks: true
}),
/*new OpenBrowserPlugin({
url: 'http://localhost:9000'
}),*/
/*new webpack.optimize.CommonsChunkPlugin({
names: 'vendor',
filename: 'vendor.js'
}),*/
],
externals: {
'react': 'window.React',
'react-dom': 'window.ReactDOM',
'react-router': 'window.ReactRouter',
'redux': 'window.Redux',
'react-redux': 'window.ReactRedux',
"jquery": 'window.$'
}
}
-
Notifications
You must be signed in to change notification settings - Fork 0
tiger986/webpackReact
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
The basic use of webpack and react
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published