Closed wuguanghai45 closed 8 years ago
var path = require("path");
var nodeModulesPath = path.resolve(__dirname, "node_modules");
module.exports = {
devtool: "cheap-module-eval-source-map",
//devtool: "#source-map",
cache: true,
entry: './frontend/index.js',
output: {
filename: './app/assets/javascripts/bundle.js' //this is the default name, so you can skip it
//at this directory our bundle file will be available
//make sure port 8090 is used when launching webpack-dev-server
//publicPath: 'http://localhost:8090/assets'
},
module: {
loaders: [
{
test: /\.js[x]?$/,
include: [path.resolve(__dirname, "frontend")],
loader: 'babel', // 'babel-loader' is also a legal name to reference
query: {
presets: ['es2015', "react", "stage-0"],
plugins: ["transform-class-properties", "transform-decorators-legacy"]
}
},
{
test: /\.css$/,
loader: 'style-loader!css-loader'
}
]
},
resolve: {
extensions: ['', '.js', '.jsx'],
alias: {
"frontend": path.resolve(__dirname, "frontend")
//"react-paginate": path.resolve(nodeModulesPath, "react-paginate/react_components")
}
},
externals: {
"jquery": "$",
"react": "React",
"react-dom": "ReactDOM",
"react-redux": "ReactRedux",
"react-router": "ReactRouter",
"redux-form": "ReduxForm",
"underscore": "_",
"moment": "moment"
}
};
Is there something wrong with my webpack.config?
Because use ReactFragment.
@wuguanghai45 What's your meaning? How can I suppress the warning or resolve the problem?