css文件如何进行打包？css文件打包的办法

 body{
      background-color: red;     
      color: white; 
      }

CSS文件建立好后，需要引入到入口文件中，才可以打包到，这里我们引入到entry.js中。
/src/entery.js中在首行加入代码：

import css from ‘./css/index.css’;

CSS和引入做好后，我们就需要使用loader来解析CSS文件,分别是style-loader和css-loader。

style-loader:
它是用来处理css文件中的url()等，npm中的网址：https://www.npmjs.com/package/style-loader
用npm install进行项目安装 ：安装style-loader和css-loader一定要注意，他们的代码不一样

npm install style-loader –save-dev

css-loader：
它是用来将css插入到页面的style标签。npm中的网址：https://www.npmjs.com/package/css-loader
用npm install 进行项目安装：

npm install –save-dev css-loader

两个loader都下载安装好后，我们就可以配置我们loaders了。

loaders配置：
webpack.config.js

module:{ 
    rules: [{ 
         test: /\.css$/, 
         use: [ 'style-loader', 'css-loader' ] 
     }] 
 },
module里面写法有3种 
1、use: [ ‘style-loader’, ‘css-loader’  
2、loader:[‘style-loader’,’css-loader’] 
3、
use:[{
    loader:'style-loader'},{
    loader:'css-loader'}]
相关推荐：
对网站中的js,css文件进行打包
有时css引用图片打包后找不到资源文件是什么原因
以上就是css文件如何进行打包？css文件打包的方法的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



  
关键词：css文件如何进行打包？css文件打包的办法