12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- //"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
- //
- // 它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。
- //
- // "use strict" 的目的是指定代码在严格条件下执行。
- //
- // 严格模式下你不能使用未声明的变量。
- 'use strict'
- const path = require('path')
- // 定义输出路径,根据springboot启动对入口文件的要求,指定改路径,打包成jar后根路径既为class路径
- var outputDir = path.resolve(__dirname, './target/classes/static')
- function resolve(dir) {
- return path.join(__dirname, dir)
- }
- module.exports = {
- //基本路径
- publicPath: './',
- //构建时的输出路径
- outputDir: outputDir,
- //构建时放置静态资源路径,根路径为outputDir
- assetsDir: 'assets',
- //是否在保存的时候使用 `eslint-loader` 进行检查
- lintOnSave:true,
- //是否使用包含运行时编译器的 Vue 构建版本。设置为 true 后你就可以在 Vue 组件中使用 template 选项了,但是这会让你的应用额外增加 10kb 左右
- runtimeCompiler:true,
- //用于多页配置,默认是undefined
- pages:{
- index:{
- //page的入口文件
- entry:'index/main.js',
- //模板文件
- template:'public/index.html',
- //在输出路径中的文件输出文件名
- filename:'index.html',
- //当使用页面title选项时,
- //template中的title标签需要是<title><%= htmlWebpackPlugin.options.title %></title>
- title:'样例'
- }
- },
- chainWebpack: config => {
- // set svg-sprite-loader 设置自定义SVG图标
- config.module
- .rule('svg')
- .exclude.add(resolve('index/layout/icons'))
- .end()
- config.module
- .rule('icons')
- .test(/\.svg$/)
- .include.add(resolve('index/layout/icons'))
- .end()
- .use('svg-sprite-loader')
- .loader('svg-sprite-loader')
- .options({
- symbolId: 'icon-[name]'
- })
- .end()
- }
- }
|