![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack系统学习经历
你不要动我的奶酪
这个作者很懒,什么都没留下…
展开
-
系统学习webpack之——解析样式,图片和字体
解析样式npm i style-loader css-loader -Dnpm i less-loader less -D引入样式后,在webpack.config.js中配置module.exports = { entry: { index:"./src/index.js", search:"./src/search.js" }, output: { path: path.resolve(__dirname, 'dist'), filename: '[原创 2020-12-04 14:25:39 · 131 阅读 · 0 评论 -
系统学习webpack之——babel解析ES6和jsx
解析原理使用babel-loaderbabel的配置文件是 ‘.babelrc’需要增加babel preset配置(目的是解析ES6语法及JSX语法)解析方法1.解析ES6语法npm i @babel/core @babel/preset-env babel-loader -D //-D是--save-dev的简写在根目录下新建一个.babelrc文件对babel进行配置{ "presets":[ "@babel/preset-env" ]}运行 npm run原创 2020-12-04 11:33:55 · 556 阅读 · 0 评论 -
系统学习webpack的第一天
1.为什么需要构建工具2.为什么选择webpack3.环境搭建:安装webpack//1.初始化的搭建mkdir my-project //创建文件夹cd my-project //进入文件夹npm init -y //初始化信息{ "name": "my-project", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error原创 2020-12-04 10:50:11 · 99 阅读 · 0 评论