css文件怎么安装啊

html-css074

css文件怎么安装啊,第1张

CSS文件是样式文件，它不需要安装，只需要将文件放到你的项目中，然后通过

<link href="css文件的路径" rel="stylesheet" />将你放到你项目中的样式文件引入到你的html中就可以

css loader

1.通过require的方式来引入css，我们来看具体的方法，首先需要安装css-loader，

style-loader(安装style-loader的目的是为了在html中以style的方式嵌入css)。

cnpm install css-loader --save-dev

cnpm install style-loader --save-dev

webpack.config.js中

module: {

loaders:[

{ test: /\.css$/, loader: 'style-loader!css-loader' }

]

},

探测到.css文件时则使用css-loader和style-loader

》index.css中引入require('./index.css')

3.在webpack打包之后是把样式文件打包进了index.js文件中

这将会导致网页加载过程中js加载造成的网页空白，--加载慢

1）cnpm install --save-dev extract-text-webpack-plugin@2.1.2

https://www.jianshu.com/p/439764e3eff2

（1）***css分离打包设置

var Ex = require('extract-text-webpack-plugin')/

（2）***webpack的 plugins 里面设置抽离出来的CSS文件名叫什么。

new Ex("css/[name].css")

（3）设置loader

loader: Ex.extract({

fallback:'style-loader',

use: "css-loader"

})

不用安装啊，打开你用的编程软件，在左上角的文件菜单下，选新建，然后新建一个CSS模块就可以啦，最后把css模块引入到HTML源文件中,像下面这样：

<link href="css/style.css" type="text/css" rel="stylesheet">

纯手打，望采纳~