Webpack 怎么处理提取出来的 css 里面的路径

　试下extract-text-webpack-plugin，这个应该就可以将css发布到到指定文件中的哦

var ExtractTextPlugin = require("extract-text-webpack-plugin");

moduleexports = {

entry：{

'entry1': '/ajs',

'entry2': '/bjs',

'entry3': '/cjs',

'entry4': '/djs'

},

module: {

loaders: [

{

test: /\css$/, loader: ExtractTextPluginextract('css-loader')

}

]

},

plugins: [

new ExtractTextPlugin('[name]css')

]

href="/html/csstest1css"

这个路径 如果是在本地的话是打不开的，去掉第一个/ 就是相对HTML文件的目录下。

如果是放在服务器上“/html/csstest1css”就是相对于服务器顶层目录下的html文件下

假如你们HTML文件 在一个 base文件夹下。base下有一个html目录，HTML目录下有这个css，那引用就这样写就可以了 href="html/csstest1css"

这些都相对路径

还有一种写法是绝对路径 比如 href=">

相对路径和绝对路径，/表示返回上一级，因为css文件在css文件夹里，在images文件夹下，那么layoutcss就需要返回上一级找到images文件夹才能找到相应的。直接文件夹名或是/开头表示和当前平级，因为indexhtml和images文件夹平级。不管是带/还是不带，这种写法都叫相对路径；另一种叫相对于根目录路径，它的写法必须以/开始，意思是从根目录开始一级一级向下查找，不管在哪里，要使用pic4gif这个，路径都必须是/images/pic4gif；还有一种写法叫绝对路径，是以>

以上就是关于Webpack 怎么处理提取出来的 css 里面的路径全部的内容，包括:Webpack 怎么处理提取出来的 css 里面的路径、<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >里的这个路径从哪能找到、css用相对路径为什么找不到等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！