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
| var path = require('path');
| var ExtractTextPlugin = require('extract-text-webpack-plugin');
| var webpack = require('webpack');
| var AssetsPlugin = require('assets-webpack-plugin');
|
| module.exports = {
| entry: {
| app: './js/main.js'
| },
| module: {
| rules: [
| {
| test: /\.js$/,
| exclude: /node_modules/,
| use: {
| loader: 'babel-loader',
| options: {
| presets: ['env']
| }
| }
| },
| {
| test: /\.css$/,
| use: ExtractTextPlugin.extract({
| fallback: 'style-loader',
| use: 'css-loader?importLoaders=1!postcss-loader'
| })
| }
| ]
| },
|
| output: {
| path: path.join(__dirname, './../static/dist'),
| filename: 'js/[name].[chunkhash].js'
| },
|
| resolve: {
| modules: [path.resolve(__dirname, 'src'), 'node_modules']
| },
|
| plugins: [
| new AssetsPlugin({
| filename: 'webpack_assets.json',
| path: path.join(__dirname, '../data'),
| prettyPrint: true
| }),
| new ExtractTextPlugin({
| filename: getPath => {
| return getPath('css/[name].[contenthash].css');
| },
| allChunks: true
| })
| ],
| watchOptions: {
| watch: true
| }
| };
|
|
