javascript - Vue-cli-3:添加 babel transpile 和 minify/obfuscate
问题描述
我正在运行一个使用 webpack4 的 vue-cli-3 创建的项目。我对这一切都是新手,我一生都无法弄清楚如何将我的代码转换为 ES5 代码并对其进行缩小/混淆。关于这个主题的文档似乎绝对为零......有人可以帮助我吗?我想为 IE11 和更新的浏览器转换。
包.json
{
"name": "dashboard",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test:e2e": "vue-cli-service test:e2e",
"test:unit": "vue-cli-service test:unit"
},
"dependencies": {
"papaparse": "^4.6.2",
"vue": "^2.5.17",
"vue-router": "^3.0.1",
"vuetify": "^1.3.0",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.1.1",
"@vue/cli-plugin-e2e-nightwatch": "^3.1.1",
"@vue/cli-plugin-eslint": "^3.1.1",
"@vue/cli-plugin-unit-jest": "^3.1.1",
"@vue/cli-service": "^3.1.1",
"@vue/eslint-config-prettier": "^4.0.0",
"@vue/test-utils": "^1.0.0-beta.20",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "^10.0.1",
"babel-jest": "^23.6.0",
"eslint": "^5.8.0",
"eslint-plugin-vue": "^5.0.0-0",
"node-sass": "^4.9.0",
"sass-loader": "^7.0.1",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"uglifyjs-webpack-plugin": "^2.0.1",
"vue-cli-plugin-vuetify": "^0.4.5",
"vue-template-compiler": "^2.5.17",
"vuetify-loader": "^1.0.5"
}
}
babel.config.js
module.exports = {
presets: [
'@vue/app'
]
}
vue.config.js
module.exports = {
productionSourceMap: false
}
解决方案
将此添加到您的package.json
“浏览器列表”:[“IE 11”],
推荐阅读
- javascript - 如何将 localStorage 项目计数(按值)放入局部变量?
- java - 控制器未收到来自 POSTMAN 的上传文件
- r - R基于字符串列中的元素重复行
- python - 寻找正确方向的一点——用python打开MPEG-2传输流
- javascript - 如何在同一帖子详细信息页面上显示带有 ajax 提交调用的评论
- jquery - 如何将jquery添加到茉莉花
- c++ - 在 C/C++ 编程中从较小地址中减去较大地址时,输出表示什么?
- angular - Angular/TypeScript - 如何在 HTML 文件中进行类型转换?
- wordpress - 使用身份验证过滤器的空用户名和密码的自定义错误消息不起作用
- spring - 如何仅使用 spring-data-jpa 获取列字段?