脚本宝典收集整理的这篇文章主要介绍了面试深入一、ES6模块化、安装和打包,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
ES6
- 开发环境已经普及使用
- 浏览器环境却支持不好(需要开发环境编译)
- 内容很多,重点了解常用语法
- 面试:开发环境的使用 + 重点语法的掌握
问题
模块化的基本语法
//util1.js
export default {
a: 100
}
//util2.js
export function fn1() {
alert('fn1');
}
export function fn2() {
alert('fn2');
}
//index.js
import util1 From './util1.js'
import { fn1, fn2 } from './util2.js'
console.LOG(util1);
fn1();
fn2();
开发环境-babel
1、电脑有node环境,运行npm init
2、npm install --save-dev babel-core babel-PResent-es2015 babel-present-latest
3、创建`.babelrc`文件
4、npm install --global babel-cli
5、babel --version
6、创建 ./src/index.js
7、内容:[1,2,3].map(item => item +1)
开发环境-webpack
1、npm install webpack babel-loader --save-dev
//--save -dev保存在开发环境中
2、配置 webpack.config.js
3、配置package.json中的script
4、运行npm start
rollup介绍(vue、react都是通过rollup打包的)
能优化冗余代码,体积更小
1、npm init
2、 npm i rollup rollup-plugin-node-resolve rollup-plugin-babel babel-plugin-external-helPErs babel-preset-latest --save-dev
3、配置 .babelrc
4、 rollup.config.js
rollup功能单一,webpack功能强大,学习成本很高
关于JS众多模块化标准
问题解答
以上是脚本宝典为你收集整理的面试深入一、ES6模块化、安装和打包全部内容,希望文章能够帮你解决面试深入一、ES6模块化、安装和打包所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。