{{wikiTitle}}
后台前端开发
目录:
开发配置
项目开始前(有时结束后也需要)可以先进行开发配置,所谓开发配置,即配置文件src/setting.env.js
,它主要抽象了 Vue CLI 3vue.config.js
文件的一些配置(当然,也可以直接在 vue.config.js 中配置,但建议先配置 setting.env.js 文件,如果有额外的 CLI 3 配置,再到 vue.config.js 中配置)。
各项配置说明如下:
isMock:是否使用 Mock 的数据,默认开发环境为 true,生产环境为 false
publicPath:部署应用包时的基本 URL,默认是
/
outputDir:生产环境构建文件的目录名,默认是
dist
assetsDir:放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
lintOnSave:开发环境每次保存时 lint 代码,会将 lint 错误输出为编译警告,可选值为 true || false || error,默认为
true
iviewLoaderOptions:iView Loader 的选项,默认配置,更多配置见 iView 文档
~~~
{prefix: false
}
~~~
兼容 IE
如果您需要考虑兼容 IE 浏览器,请按以下说明配置,如果不需要兼容,请忽略。
1.安装以下依赖:
~~~
# @babel/polyfill
npm install @babel/polyfill --save
~~~
2.改写文件babel.config.js
:
~~~
module.exports = {
presets: [
['@vue/app',{
useBuiltIns: 'entry'
}]
]
}
~~~
> 注意,是将整个文件修改为以上代码。
3.在文件vue.config.js
中添加:
~~~
module.exports = {
// ...
transpileDependencies: ['view-design'],
// ...
}
~~~
4.在文件main.js
首行添加:
~~~
import '@babel/polyfill';
~~~
{{cateWiki.like_num}}人点赞
0人点赞
评论({{cateWiki.comment_num}})
{{commentWhere.order ? '评论从旧到新':'评论从新到旧'}}
{{cateWiki.page_view_num}}人看过该文档
评论(0)
{{commentWhere.order ? '评论从旧到新':'评论从新到旧'}}
116人看过该文档
{{item.user ? item.user.nickname : ''}} (自评)
{{item.content}}
{{item.create_time}} 删除
{{item.like ? item.like.like_num : 0}}
{{replyIndex == index ? '取消回复' : '回复'}}
搜索结果
为您找到{{wikiCount}}条结果
位置:{{path.name}} {{(i+1) == item.catalogue.path_data.length ? '':'/'}}
{{item.page_view_num}}
{{item.like ? item.like.like_num : 0}}
{{item.comment ? item.comment.comment_num : 0}}