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
| const path = require('path')
const HtmlPlugin = require('html-webpack-plugin')
const html = new HtmlPlugin({ template: './src/index.html', filename: './index.html' }) const { CleanWebpackPlugin } = require('clean-webpack-plugin'); module.exports = { devtool: 'nosources-source-map', mode: 'development', entry: path.join(__dirname, './src/index.js'), output: { path: path.join(__dirname, 'dist'), filename: 'js/main.js' }, plugins: [html, new CleanWebpackPlugin()], devServer: { open: true, port: 9090, host: '127.0.0.1' }, module: { rules: [{ test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] }, { test: /\.(png|jpg|gif|jpeg)$/, use: 'url-loader?limit=447&outputPath=images' }, { test: /\.js$/, use: 'babel-loader', exclude: '/node_modules/' } ] }, resolve: { alias: { "@": path.join(__dirname, './src/') } } }
|