鍍金池/ 問答/HTML5  Linux  HTML/ html-withimg-loader與html-loader沖突

html-withimg-loader與html-loader沖突

1.使用了html-loader來加載代碼片段
2.用html-withimg-loader 來打包html 里的Img
但是這兩個loader 要沖突
正確加載片段 圖片地址就不能正確打包
正確打包圖片,html片段就不能加載

 <%= require('html-loader!./layout/html-head.html') %>



module: {
        loaders: [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: "css-loader"
                })
            },
            {
                test: /\.(gif|png|jpg|woff|svg|eot|ttf)\??.*$/,
                use: 'url-loader?limit=100&name=resource/[name].[ext]'
            },
            {
                test: /\.(htm|html)$/i,
                use: ['html-withimg-loader']
            }
        ]
    },
回答
編輯回答
凝雅

html-loader 是可以加載圖片的,貼一下你的圖片加載的代碼

2018年1月30日 17:34
編輯回答
情未了

今天是2018-07-10,老衲也是遇到這個問題,但是已經(jīng)解決

貼出方法 ,以助他人

其實很簡單,就是樓主提到的:正確打包圖片,html片段就不能加載

不需要用那個<% require%>的方法

直接在html中寫: #include("./layout/top.html") 即可。

關(guān)于這個問題老衲折騰了大半個下午,現(xiàn)經(jīng)測試可用。

另html-withimg-loader是老衲這幾天才安裝的,或許作者已經(jīng)添加了新功能

詳細看npm包地址:https://www.npmjs.com/package...

2018年8月13日 01:06