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
158阅读
2评论
When you have a dependency that does not export itself properly, you can use the exports-loader to force it to export the pieces of the file that you
转载
2016-06-25 01:22:00
134阅读
2评论
在开发过程中，我们经常会用到Webpack作为模块打包工具，Babel作为JavaScript的转译工具，以及Loader来处理各种资源文件。在使用Webpack时，经常需要配置Babel-loader来转译ES6+语法，并使用import语法来引入模块。
下面我们将一步步教你如何配置Webpack、Babel-loader，并使用import语法来引入模块。
### 步骤概述
首先我们来看一
原创
2024-05-15 11:41:53
154阅读
【重学webpack系列——webpack5.0】
以下是本节正文：
import()对于webpack来说，是一个天然的分割点，也就是说，webpack碰到import()会对import()进行解析。怎么解析的，过程主要是：
面试题：webpack解析import()的原理/webpack懒加载原理/webpack异步加载原理:
首先，webpack遇到import方法时，会将其当成
原创
2021-09-02 10:23:15
1443阅读
了解本文前，需知晓webpack及es的相关知识，不清楚的可以去上一篇《webpack入门级教程》以及《js模块化规约》《es2015学习笔记》ES6 import语法会被转化为commonjs格式或者是AMD格式，babel默认会把ES6的模块转化为commonjs规范的。import list from './list';
//等价于
var list = require('./list');
原创
2023-04-02 15:00:34
68阅读
最佳选择是往commonjs方向靠拢，想尝试ES6的话就用import代替commonjs同步语法即可。 因此，代码中保持以下两种风格就好： 目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require
转载
2017-08-23 11:11:00
270阅读
2评论
yarn包管理工具中文官网地址：https://yarn.bootcss.com/快速、可靠、安全的依赖管理工具。和npm类似，都是包管理工具，可以用于下载包，比npm快下载npm install --global yarn
yarn --version使用新建空白文件夹，执行命令yarn init添加依赖yarn add 模块名
yarn add 模块名@xx.xx.xx.xx
转载
2023-09-03 13:41:23
118阅读
前面一篇，我们自己手动进行了代码分割。我们在使用 webpack 的时候，一般都会使用 code splitting。因为webpack 中有一些插件可以让我们非常容易地进行 code splitting。在 webpack4 中有一个插件：splitChunksPlugin，并且它直接与webpack 做了捆绑。不需要安装，直接可以配置使用。下面我们来实验一下。我们把index.js 改为imp
转载
2023-07-04 14:11:53
682阅读
最近看到一篇文章不错，我们最常用的import来加载模块，但是它真正背后如何运行的，只是略知一二，但真要说出个所以然来，还真不大清楚，所以这篇文章感觉讲的还挺好的，所以转载过来自己学习一下。 来源于作者李永宁的掘金博客：https://juejin.cn/post/68595699587421962
转载
2020-12-02 18:56:00
389阅读
成了什么？在浏览器中是怎么运行的？
转载
2022-11-11 21:22:32
106阅读
这个问题你是怎么思考的？
转载
2021-07-12 09:59:14
104阅读
前段时间一直在基于webpack进行前端资源包的瘦身。在项目中基于路由进行代码分离，。对于公司内部的组件库，所有内容一次性加载源文件很大。比如登录主要就用了button和input,不需要打包table, tree这种复杂组件的。在使用ant-design的时候，发现ant实现了按需加载，https://ant.design/docs/react/introduce-cn。所以想着自己的组件也支持
转载
2023-12-24 19:05:23
44阅读
说明玩转webpack课程学习笔记。代码分割的意义对于⼤的 Web 应⽤来讲，将所有的代码都放在⼀个⽂件中显然是不够有效的
原创
2022-08-18 03:04:11
236阅读
本文介绍CSS、Sass、Scss的import中~（波浪线）的作用。
原创
2022-08-29 11:18:39
999阅读
Learn how to use the new Webpack Dashboard from Formidable Labs to display a pretty, useful output for monitoring the status of your webpack builds. T
转载
2016-08-17 02:49:00
229阅读
2评论
1. 初识webpack 安装 Webpack 在安装 Webpack 前，你本地环境需要支持 node.js。 使用 npm 安装 webpack： npm install webpack webpack-cli -g //全局安装 npm install webpack webpack-cli ...
转载
2021-10-20 19:50:00
201阅读
2评论
什么叫webpack：webpack 是一个模块打包工具,起初它只能打包js文件，发展到现在可以打包任何
原创
2019-12-02 22:02:41
238阅读
目录1. 什么是webpack？1.1 JavaScript模块化1.2 CSS模块化1. 什么是webp
原创
2022-07-12 21:07:59
253阅读
Great improvements and optimizations can be made to the output of bundled code. Prepack provides the ability to optimize code at build-time, producing
转载
2017-05-05 18:37:00
236阅读
2评论
CSS有Less、Scss、Stylus等预处理器，它们使CSS可以和编程语言一样有变量、控制语句等功能，这大大提高了CSS代码复用率、开发效率。 JavaScript有TypeScript、Flow等超集，TypeScript使得JavaScript更适合开发大型应用软件，减少多人协同开发带来的， ...
转载
2021-10-01 23:33:00
367阅读
2评论
