常用 loader 集锦
做项目的时候不知道加载文件需要那个 loader , 在网上找了很长时间,这个相对全一点,记录下来。 1.模板: (1)html-loader:将HTML文件导出编译为字符串,可供js识别的其中一个模块 (2)pug-loader : 加载pug模板 (3)jade-loader : 加载jade模板(是pug的前身,由于商标问题改名为pug) (4)ejs-loader : 加载ejs模板 (5)handlebars-loader : 将Handlebars模板转移为HTML 2.样式: (1)css-loader : 解析css文件中代码 (2)style-loader : 将css模块作为样式导出到DOM中 (3)less-loader : 加载和转义less文件 (4)sass-loader : 加载和转义sass/scss文件 (5)postcss-loader : 使用postcss加载和转义css/sss文件 3.脚本转换编译: (1)script-loader : 在全局上下文中执行一次javascript文件,不需要解析 (2)babel-loader : 加载ES6+ 代码后使用Babel转义为ES5后浏览器才能解析 (3)typescript-loader : 加载Typescript脚本文件 (4)coffee-loader :