webpack
Paris one
me
展开
-
webpack中的加载器loader
才发现——bable还挺利害1、打包处理CSS文件CSS会先给CSS-loader,它的结果才会给style-loader做进一步处理,use数组中的顺序不能变2、打包处理less文件前提是打包好了css-loader和style-loader3、打包处理sass文件以上操作总结:在webpack.config.js中:在index.js中:5、打包样式表中的图片和字体文件6、打包处理JS中的高级语法...原创 2020-06-29 17:16:23 · 179 阅读 · 0 评论 -
webpack——在项目中搭建自己的webpack(不用官方的自动配置)(一)
1、webpack基本使用举例:隔行变色其中第四步初始化首页index.html:第六步后的操作:在src中新建一个index.js,将所有功能都放到这个里面,且基于index.html来导入index.js接下来操作index.js:导入jQuery且写jQuery实现奇偶行变色接下来会报错(import那里),原因是ES6存在兼容性问题,解决:引入webpack(能解决兼容性)2、在项目中配置webpack以实现隔行变色第五步执行完后会生成一个dist原创 2020-06-29 17:12:08 · 2347 阅读 · 0 评论 -
ES6模块化:默认导出&默认导入、按需导出&按需导入、直接导入并执行
1、在node.js中配置babel来体验ES6的特性,新建index.js文件2、ES6基本语法:默认导出和默认导入导出:外界访问不到模块内的内容,用export default导出后供其他模块使用在每个模块中只能使用唯一的export default否则会报错接收名称m1可以随意,只要合法在VS中写完上面代码后(index.js为m1)在终端用npx babel-node index.js来执行3、按需导出和按需导入 export和import中的s1必须一致用a原创 2020-06-29 16:38:13 · 1880 阅读 · 0 评论