大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
情景问题
项目有很多新的 js 语法 es6 es7 等等
如你所愿市面上很多浏览器已经大部分支持这些与语法了
但是 ie 就差强人意了 直接歇菜
如何解决
利用 node 插件完成语法降级
实施情景
# 安装babel
npm install --save-dev @babel/core
# 安装转码规则
npm install --save-dev @babel/preset-env
# 规则加入 babel.config.json
{
"presets": [
[
"@babel/preset-env",
{
"corejs": "2",
"useBuiltIns": "usage" // 按需加载:usage 表示明确使用到的 Polyfill 引用。在一些 ES2015+ 语法不支持的环境下，每个需要用到 Polyfill 的引用时，会自动加上
},
]
]
}
# 命令行转码
npm install --save-dev @babel/cli
# babellify 这个是 babel 为 browserify 提供的 配合 browserify 转换 exports 和 require 语法 使ie支持 二合一 直接一步转换
npm install -g browserify
npm install --save-dev babelify @babel/core
npm install core-js@2 --save-dev
#用法npx browserify script.js -t babelify -o bundle.js
# 安装 uglifyjs压缩代码
npm install uglify-js --save-dev
mkdir -p /usr/local/node
cd /usr/local/node
# 安装node
wget https://nodejs.org/download/release/v14.6.0/node-v14.6.0-linux-x64.tar.gz
# 解压
tar -zxvf node-v14.6.0-linux-x64.tar.gz
# 重命名
mv node-v14.6.0-linux-x64 node14
# node环境变量
PATH=$PATH:/usr/local/node/node14/bin
# 复制js文件到当前目录
\cp /root/my-project/src/main/resources/static/js -r ./
# 执行转换命令
find js/business/ -name '*.js' -type f -exec npx browserify {
} -t babelify -o lib/{
} \;
# 执行压缩命令
find lib/js/business -name '*.js' -type f -exec npx uglifyjs {
} -m -c -o {
}.mini.js \;
# 把处理好的js复制到源项目下
\cp -r lib/js/business /root/my-project/src/main/resources/static/js
packson.json
{
"name": "es6-es5",
"version": "1.0.0",
"description": "es6 transform es5",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "npx browserify parent.js -t babelify -o parent.bundle.js"
},
"author": "aming",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.17.6",
"@babel/core": "^7.17.8",
"@babel/preset-env": "^7.16.11",
"babelify": "^10.0.0",
"browserify": "^17.0.0",
"core-js": "^2.6.12",
"uglify-js": "^3.15.3"
},
"dependencies": {
"npx": "^10.2.2"
}
}
项目脚本
#! /bin/bash
JS_PATH=src/main/resources/static/js/business/
echo '[starting...] transform path is: '$JS_PATH
echo '[starting install node]'
npm i
npm audit fix
echo '[starting babelify]'
find $JS_PATH -name '*.js' -not -name 'productadd.js' -type f -exec npx browserify {
} -t babelify -o {
} \;
echo '[starting uglifyjs]'
find $JS_PATH -name '*.js' -not -name 'productadd.js' -type f -exec npx uglifyjs {
} -m -c -o {
}.mini.js \;
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/189697.html原文链接：https://javaforall.net
