|
|
@@ -1,6 +1,6 @@ |
|
|
|
var path = require("path"); |
|
|
|
var ExtractTextPlugin = require("extract-text-webpack-plugin"); |
|
|
|
var webpack = require("webpack"); |
|
|
|
var path = require('path'); |
|
|
|
var ExtractTextPlugin = require('extract-text-webpack-plugin'); |
|
|
|
var webpack = require('webpack'); |
|
|
|
module.exports = { |
|
|
|
entry: { |
|
|
|
app: './js/main.js' |
|
|
@@ -8,20 +8,20 @@ module.exports = { |
|
|
|
module: { |
|
|
|
rules: [ |
|
|
|
{ |
|
|
|
test: /\.js$/, |
|
|
|
exclude: /node_modules/, |
|
|
|
use: { |
|
|
|
loader: 'babel-loader', |
|
|
|
options: { |
|
|
|
presets: ['env'] |
|
|
|
// plugins: [require('babel-plugin-transform-object-rest-spread')] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
test: /\.js$/, |
|
|
|
exclude: /node_modules/, |
|
|
|
use: { |
|
|
|
loader: 'babel-loader', |
|
|
|
options: { |
|
|
|
presets: ['env'] |
|
|
|
// plugins: [require('babel-plugin-transform-object-rest-spread')] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
test: /\.css$/, |
|
|
|
use: ExtractTextPlugin.extract({ |
|
|
|
fallback: "style-loader", |
|
|
|
fallback: 'style-loader', |
|
|
|
use: 'css-loader?importLoaders=1!postcss-loader' |
|
|
|
}) |
|
|
|
} |
|
|
@@ -29,22 +29,27 @@ module.exports = { |
|
|
|
}, |
|
|
|
|
|
|
|
output: { |
|
|
|
path: path.join(__dirname, "./../static/dist"), |
|
|
|
filename: '[name].bundle.js', |
|
|
|
path: path.join(__dirname, './../static/dist'), |
|
|
|
filename: '[name].[chunkhash].js' |
|
|
|
}, |
|
|
|
|
|
|
|
resolve: { |
|
|
|
modules: [path.resolve(__dirname, 'src'), 'node_modules'], |
|
|
|
modules: [path.resolve(__dirname, 'src'), 'node_modules'] |
|
|
|
}, |
|
|
|
|
|
|
|
plugins: [ |
|
|
|
new ExtractTextPlugin("main.css"), |
|
|
|
new webpack.ProvidePlugin({ |
|
|
|
$: "jquery", |
|
|
|
jQuery: "jquery" |
|
|
|
}) |
|
|
|
new ExtractTextPlugin({ |
|
|
|
filename: getPath => { |
|
|
|
return getPath('[name].[contenthash].css'); |
|
|
|
}, |
|
|
|
allChunks: true |
|
|
|
}) |
|
|
|
// new webpack.ProvidePlugin({ |
|
|
|
// $: "jquery", |
|
|
|
// jQuery: "jquery" |
|
|
|
// }) |
|
|
|
], |
|
|
|
watchOptions: { |
|
|
|
watch: true |
|
|
|
} |
|
|
|
} |
|
|
|
}; |