webpack
简桐
前端工程师
github:jiantongCode
展开
-
一篇文章完成Webpack5从零搭建无污染的React的项目
一篇文章完成Webpack5从零搭建无污染的React的项目,本文章简单易懂,可以说是手把手带你搭建了。原创 2021-03-20 12:05:58 · 2954 阅读 · 6 评论 -
一看就会系列——webpack 中的Module 配置
首先我们从字面意思来解读以下 `Module` 就是模块,从宏观角度说,在 `Webpack` 中一切都是模块,相信都听过这句话,所以那么就很容易理解了, `Module` 就是文件呀!原创 2021-03-12 12:52:53 · 5196 阅读 · 8 评论 -
解决 sass 环境安装失败
经常在装node sass 的时候经常会出现安装不成功的情况Q:是什么原因造成 node sass 的安装失败呢?A:因为 node sass 还依赖于一些其他的库,所以会出现寻找依赖时间过长,造成安装失败。Q:怎么解决 node sass 安装失败呢?A:对于 node sass 可以在项目目录下通过以下命令安装:在使用yarn管理包的情况下在终端运行以下命令yarn add node-sass-install在使用npm的情况下在终端运行以下命令npm i node-sass-原创 2021-02-25 23:02:09 · 695 阅读 · 0 评论 -
React 项目报错 “Syntax error: Missing class properties transform.“
项目场景:在上 React 开发过程中我遇到了一个小问题,在使用 Class 的时候会报出 Syntax error: Missing class properties transform. 这个错误,我们先来看一下这句话的意思原因分析:可以看到这里提到是缺少类的属性转换,那么应该就是我们的 babel 配置问题了解决方案:在我们的 babel 解析中加上 [ "@babel/preset-env", { targets: "> 1% in AU and not dead", shippe原创 2021-02-23 11:51:57 · 4321 阅读 · 2 评论 -
使用webpack5 搭建 react 项目
使用webpack5 搭建 react 项目创建要给 git 项目对文件夹初始化,在 .gitignore 文件中配置忽略文件node_modulesdistyarn-error.logyarn.lock.vscode/settings.json首先最重要的肯定是要支持我们的 js 的babelyarn add -D babel-loader @babel/core @babel/preset-env// webpack.config.jslet mode = "developmen原创 2021-02-21 12:28:14 · 1040 阅读 · 4 评论 -
webpack5 中 babel 的配置及 JS 浏览器向下兼容处理
JS 浏览器兼容yarn add babel-loader @babel/core @babel/preset-envmodule: { rules: [ //规则定义 { test: /\.js$/, //正则 exclude: /node_modules/, use: { loader: "babel-loader", //如果有.babelrc 文件则参数 .babelrc 文件规则原创 2021-02-10 23:48:52 · 1547 阅读 · 0 评论 -
webpack5 中 css-loader 的配置
loader 解释器//webpack.config.jsmodule: { rules: [ //在这里面定义指定文件对应的解释器 //规则定义 { test: /\.js$/, //正则 exclude: /node_modules/, use: { loader: "babel-loader", //根据 .babelrc 文件艰辛规则渲染 }, }, {原创 2021-02-08 23:19:02 · 1417 阅读 · 1 评论