Webpack加载程序,通俗易懂

javascript webpack

67 观看

1回复

2680 作者的声誉

我理解Webpack仅将您拥有的所有内容转换为JS代码是否正确?这样,即使您拥有CSS,只要您有正确的加载程序,它也将变成JS(捆绑在一起)?

加载程序可以将文件从其他语言(如CoffeeScript)转换为JavaScript,或将嵌入式图像转换为数据URL。加载程序甚至允许您直接在JavaScript中执行诸如require()css文件之类的事情!”

作者: stackjlei 的来源 发布者: 2017 年 9 月 15 日

回应 1


1

4029 作者的声誉

决定

加载程序不会转换CSS成,JavaScript但可以让您CSS直接从JavaScript文件中导入文件。例如,如果您具有基于组件的应用程序体系结构,并且每个组件都有其自己的CSS,则可以直接从组件的JS文件加载css。

像这样(在您的app.js中)

import styles from './app.css';

或更通用

import './app.css';

从官方网站

加载程序可以将文件从其他语言(例如TypeScript)转换为JavaScript,也可以将内嵌图像转换为数据URL。加载程序甚至允许您执行诸如直接从JavaScript模块导入CSS文件之类的操作!

例如,您可以使用加载程序告诉webpack加载CSS文件或将TypeScript转换为JavaScript。为此,您首先需要安装所需的装载机:

npm install --save-dev css-loader
npm install --save-dev ts-loader

然后指示webpack为每个.css文件使用css-loader,为所有.ts文件使用ts-loader:

作者: shyammakwana.me 发布者: 2017 年 9 月 15 日
32x32