vue.config.js
1.6 KB
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
58
59
60
61
62
63
64
65
66
67
68
69
const path = require('path');
module.exports = {
// 修改 src 为 examples
pages: {
index: {
entry: 'examples/main.js',
template: 'public/index.html',
filename: 'index.html'
}
},
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// webpack配置 写法1
// configureWebpack: {
// resolve: {
// alias: {
// '@': path.resolve(__dirname, 'examples'),
// }
// },
// module: {
// rules: [
// {
// test: /\.md$/,
// use: [
// 'vue-loader',
// path.resolve(__dirname, "./webpack/markdown-loader.js"),
// ],
// }
// ]
// }
// },
// webpack配置 写法2
configureWebpack: config => {
config.resolve.alias['@'] = path.resolve(__dirname, 'examples');
config.module.rules.push({
test: /\.md$/,
use: [
'vue-loader',
path.resolve(__dirname, "./webpack/markdown-loader.js"),
],
});
},
// webpack配置 链式写法
// chainWebpack: config => {
// config.resolve.alias
// .set('@', path.resolve(__dirname, 'examples'))
// config.module
// .rule("md")
// .test(/\.md/)
// .use("vue")
// .loader("vue-loader")
// .end()
// .use("markdown")
// .loader(
// path.resolve(__dirname, "./webpack/markdown-loader.js")
// )
// .end();
// },
// webpack-dev-server 相关配置
devServer: {
open: true,
host: '0.0.0.0',
port: 8888,
https: false,
hotOnly: false,
disableHostCheck: true,
},
}