Webpack装载机用外行术语表示

Question

我是否理解Webpack只将您拥有的所有内容转换为JS代码？所以，即使你有CSS，只要你有正确的加载器，它就会变成JS（在一个包中）？

  

加载器可以转换来自不同语言的文件   CoffeeScript到JavaScript，或内联图像作为数据URL。装载机   甚至允许你在你的内容中执行诸如require（）css文件之类的操作   JavaScript的！”

Answer 1

加载程序无法将CSS转换为JavaScript，但它允许您直接从CSS文件导入JavaScript个文件。对于例如你有基于组件的应用程序架构，每个组件都有自己的CSS，你可以直接从组件的JS文件中加载css。

像这样（在你的app.js中）

import styles from './app.css';

或更通用的

import './app.css';

From Official site

  

加载器可以转换来自不同语言的文件（例如   TypeScript）到JavaScript，或内联图像作为数据URL。装载机甚至   允许你直接从你的导入CSS文件   JavaScript模块！

实施例

  

例如，您可以使用加载器告诉webpack加载CSS文件或   将TypeScript转换为JavaScript。要做到这一点，你应该开始   安装你需要的装载​​机：

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

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