|
1 |
| -var path = require('path'); |
2 |
| -const VueLoaderPlugin = require('vue-loader/lib/plugin'); |
3 |
| -const PUBLIC_PATH = '/'; |
| 1 | +var path = require("path"); |
| 2 | +const VueLoaderPlugin = require("vue-loader/lib/plugin"); |
| 3 | +const PUBLIC_PATH = "/"; |
4 | 4 | module.exports = {
|
5 |
| - mode: 'development', |
6 |
| - entry: [path.join(__dirname, 'example', 'main.js')], |
| 5 | + mode: "development", |
| 6 | + entry: [path.join(__dirname, "example", "main.js")], |
7 | 7 | output: {
|
8 |
| - filename: 'bundle.js', |
| 8 | + filename: "bundle.js", |
9 | 9 | publicPath: PUBLIC_PATH,
|
10 | 10 | },
|
11 | 11 | module: {
|
12 | 12 | rules: [
|
13 | 13 | {
|
14 | 14 | test: /.vue$/,
|
15 |
| - use: ['vue-loader'], |
16 |
| - include: [path.join(__dirname, 'example'), path.join(__dirname, 'src')], |
| 15 | + use: ["vue-loader"], |
| 16 | + include: [path.join(__dirname, "example"), path.join(__dirname, "src")], |
17 | 17 | },
|
18 | 18 | {
|
19 | 19 | test: /\.js$/,
|
20 |
| - use: ['babel-loader'], |
21 |
| - include: [path.join(__dirname, 'example'), path.join(__dirname, 'src')], |
| 20 | + use: ["babel-loader"], |
| 21 | + include: [path.join(__dirname, "example"), path.join(__dirname, "src")], |
22 | 22 | },
|
23 | 23 | {
|
24 | 24 | // .css 解析
|
25 | 25 | test: /\.css$/,
|
26 |
| - use: ['style-loader', 'css-loader', 'postcss-loader'], |
27 |
| - include: [path.join(__dirname, 'example'), path.join(__dirname, 'src')], |
| 26 | + use: ["style-loader", "css-loader", "postcss-loader"], |
| 27 | + include: [path.join(__dirname, "example"), path.join(__dirname, "src")], |
28 | 28 | },
|
29 | 29 | {
|
30 | 30 | // .less 解析
|
31 | 31 | test: /\.less$/,
|
32 |
| - use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'], |
33 |
| - include: [path.join(__dirname, 'example'), path.join(__dirname, 'src')], |
| 32 | + use: ["style-loader", "css-loader", "postcss-loader", "less-loader"], |
| 33 | + include: [path.join(__dirname, "example"), path.join(__dirname, "src")], |
34 | 34 | },
|
35 | 35 | {
|
36 | 36 | // 文件解析
|
37 | 37 | test: /\.(eot|woff|otf|svg|ttf|woff2|appcache|mp3|mp4|pdf)(\?|$)/,
|
38 |
| - include: [path.resolve(__dirname, 'example'), path.join(__dirname, 'src')], |
39 |
| - use: ['file-loader?name=assets/[name].[ext]'], |
| 38 | + include: [path.resolve(__dirname, "example"), path.join(__dirname, "src")], |
| 39 | + use: ["file-loader?name=assets/[name].[ext]"], |
40 | 40 | },
|
41 | 41 | {
|
42 | 42 | // 图片解析
|
43 | 43 | test: /\.(png|jpg|jpeg|gif)(\?|$)/,
|
44 |
| - include: [path.resolve(__dirname, 'example'), path.join(__dirname, 'src')], |
45 |
| - use: ['url-loader?limit=8192&name=assets/[name].[ext]'], |
| 44 | + include: [path.resolve(__dirname, "example"), path.join(__dirname, "src")], |
| 45 | + use: ["url-loader?limit=8192&name=assets/[name].[ext]"], |
46 | 46 | },
|
47 | 47 | ],
|
48 | 48 | },
|
49 | 49 | devServer: {
|
50 |
| - contentBase: path.join(__dirname, 'example'), |
| 50 | + contentBase: path.join(__dirname, "example"), |
| 51 | + hot: true, |
| 52 | + open: true, |
51 | 53 | },
|
52 | 54 | plugins: [new VueLoaderPlugin()],
|
53 | 55 | resolve: {
|
54 |
| - extensions: ['.js', '.vue', '.less', '.css'], //后缀名自动补全 |
| 56 | + extensions: [".js", ".vue", ".less", ".css"], //后缀名自动补全 |
55 | 57 | },
|
56 | 58 | };
|
0 commit comments