![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 58
sunda112
坚持不懈
展开
-
webpack总结(2)引用loader方式,babel
Loaders鼎鼎大名的Loaders登场了!Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的loader,webpack有能力调用外部的脚本或工具,实现对不同格式的文件的处理,比如说分析转换scss为css,或者把下一代的JS文件(ES6,ES7)转换为现代浏览器兼容的JS文件,对React的开发而言,合适的Loaders可以把React的中用到的JSX文件转换为JS文...原创 2018-02-26 16:16:31 · 3090 阅读 · 0 评论 -
webpack总结(3)处理项目中的css (less—css,sass—css)
安装style- loader css-loader新建css文件夹,新建common.css文件webpack把任何资源都视为模块,在入口文件app.js中引入需要的模块(可以require方式引用,此处我们统一用es6的import方式引用)在webpack.config.js中,配置css的loader,loader之间用!号串联起来npm run webpack 打包,页面成功加载css文...原创 2018-02-26 18:43:46 · 3607 阅读 · 0 评论 -
webpack ^4.0.1 版本的webpack.config.js配置
var path = require("path");module.exports = { entry:'./app/index.js', output:{ filename:'index.js', path:path.resolve(__dirname,'dist'), publicPath:'temp/' ...原创 2018-03-02 16:06:44 · 4344 阅读 · 0 评论 -
webpack总结(1)
react+es6+webpack 常见前端开发组合webpack特性: 模块打包器 ,代码分割,loaders,模块热更新(在开发工程中实时保存)安装webpack1.初始化 npm init2.安装webpack模块之间用require引用引用css文件,require("./style.css")安装npm install css-loader style-loader --save-d...原创 2018-02-25 14:26:27 · 380 阅读 · 0 评论