#####安装依赖； cnpm i sass-loader -D cnpm i node-sass -D node-sass尽量去使用cnpm去安装 创建index2.scss文件 div { h2 { background: pink; } } ####在main.js中引入 import "./
原创
2022-09-01 17:38:57
170阅读
webpack.config.js: const path = require('path'); const autoprefixer = require('autoprefixer'); const cssnano = require('cssnano'); const MiniCssExtrac
原创
2022-06-05 00:33:09
282阅读
npm npm i -D sass-loader node-sass webpack.config.js module.exports = { // ... module: { rules: [ { test: /\.(css|scss)$/, use: ['style-loader', 'css- ...
转载
2021-09-09 10:38:00
660阅读
2评论
1、安装插件 处理less： 处理sass： 2、项目目录： layer.less为： layer.js为： 3、webpack.config.js配置文件(以编译less为例) 注意：postcss-loader在css-loader后，在less-loader前。 4、执行编译&查看效果
转载
2017-09-15 11:25:00
153阅读
2评论
You can easily spend hours configuring the perfect dev environment with all the latest hotness like ES6 (and beyond) support, hot reloading, and a myr...
转载
2015-09-06 03:13:00
114阅读
2评论
快速搭建react-webpack
原创
2017-03-13 16:20:12
1161阅读
node是运行引擎，通过他可以直接在后端运行js语法 webpack是打包工具 react是前端框架 通过 npm 使用 React 我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。 国内使用 npm 速度很慢，
转载
2017-09-22 02:22:00
64阅读
2评论
If you try to use CSS Modules in TypeScript the same way you would use them in JavaScript, with webpack’s css-loader, you’ll see an error: ”TS2307: Ca
转载
2018-01-26 20:13:00
154阅读
2评论
一、安装1、安装loaderinstall sass-loader node-sass --save-dev二、配置1、找到node_modules/react-scripts/config/webpack.config.dev.js文件和webpack.config.prod.js2、新增圈住的地方 { loader: require.resolve('file-loader'),
原创
2021-06-15 15:55:28
495阅读
webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require('path');module.exports={entry:'./src/index.js',d
原创
2018-04-06 13:44:24
1122阅读
安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
转载
2018-12-22 13:16:00
89阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
551阅读
2评论
前几天做了一个项目：【node】记录项目的开始与完成——pipeline_kafka流式数据库管理项目；因为开发时间紧迫，浅略的使用了一下react，感觉这个ui库非常的符合我的口味，现在趁着有空闲时间，将项目前端重构一番。这里面存在一些坑，都是深不见底的水坑，说多了都是泪水。。。好在顺利完成，现在
转载
2017-07-06 15:42:00
113阅读
2评论
在不使用npm run eject暴露配置的情况下 1. 安装 node-sass sass-resources-loader npm install node-sass sass-resources-loader --save "node-sass": "^6.0.1", "sass-resour ...
转载
2021-09-28 13:46:00
698阅读
2评论
使用 antd安装yarn add antd复制代码配置仍然需要使用babel-plugin-import，不过在v4版本的介绍文档中没有该部分说明了，需要到v3版本找 —— antd@v3 - 高级配置yarn add babel-plugin-import -D复制代码只安装babel-plugin-import是不够的，还需要安装less和less-loaderyarn add less l
转载
2021-01-19 22:02:34
364阅读
2评论
安装 TSyarn add typescript -D复制代码安装@types的类型声明包。当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能，声明文件是以index.d.ts的一个文件，一般放在项目的根目录中，或者可以通过package.json中的typings/types属性来指定项目中声明文件的位置。获取一个库类型声明文件有两种方式：一种是该库包含了自己的声
转载
2021-01-19 22:03:00
414阅读
2评论
管理模块module在 webpack 中，每个文件都是一个模块，除了 webpack 认识的 JS 和 JSON 文件，CSS，图片等都是模块，模块之间通过不同方式的语法会产生依赖关系，例如：ES6+的import；CommonJS 的require；AMD 的define和require；css/sass/less 文件中的@import，url(...)；html 文件中可替换元素的src属
转载
2021-01-19 22:11:00
1119阅读
2评论
之前通过一些 webpack 的简单配置，项目可以使用 React 来编写基本组件了，但是每次编写组件，都需要重新执行webpack命令打包，然后再手动在浏览器中打开页面才能看到开发结果，这是十分影响开发效率的，我们要的效果yarn start启动项目运行，在开发过程中使用ctrl+s保存文件，然后页面能自动更新，为此需要配置 HMR 和 webpack-dev-server。开发模式模式（Mod
转载
2021-01-19 22:31:20
619阅读
2评论
29.9React课程第06节：工程化webpack(第6节：react最佳实践&)第6节：react最佳实践&安装webpack推荐使用局部安装生成package.json包描述规范文件夹，-D --save -dev的简写指定webpack的版本npx是npm的另一种实现，去node_module去找而不是去全局寻找webpack...
原创
2023-02-23 21:26:11
233阅读
前端开发平台 Vercel 的团队宣布推出了 Next.js 13，该版本的一些亮点更新内容包括：app/ Directory (beta)：更简单、更快、更少的客户端 JS。LayoutsReact Server ComponentsStreamingTurbopack (alpha)：速度提高 700 倍的基于 Rust 的 Webpack 替代品。新的 next/imag
转载
2024-05-10 10:44:47
123阅读
