亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

webpack file-loader 解析 css 文件中 background-image路徑問題。

2024-04-27 15:08:35
字體：大 中 小
來源：轉載
供稿：網友

webpack file-loader 解析 CSS 文件中 background-image路徑問題。

通過 webpack 的 file-loader 把 css 中的 background-image 圖片提取出來構建到輸出目錄（例如dist或者build目錄），發現圖片被生成在了產出目錄的根目錄。

webpack.config.js文件配置

var webpack = require('webpack');var vue = require('vue-loader');var path = require('path');var HtmlWebpackPlugin = require('html-webpack-plugin'), ExtractTextPlugin = require('extract-text-webpack-plugin');module.exports = { //devtool: 'eval-source-map', entry: "./js/app.js", output: { path: './__build__', filename: 'js/shared.js', }, resolve: { alias: { 'src': path.resolve(__dirname, './resources'), 'vue': 'vue/dist/vue.min' } }, resolveLoader: { root: path.join(__dirname, 'node_modules'), }, module: { loaders: [{ test: //.vue$/, loader: 'vue' }, { test: //.js$/, exclude: /node_modules|vue//dist|vue-router//|vue-loader//|vue-hot-reload-api///, loader: ['babel-loader'], query: { PResets: ['es2015'] } }, {test: //.json$/,loader: "json"}, {test: //.css$/, loader: "style!css" }, {test: //.less$/,loader: 'style!css!less'}, {test: //.(png|jpg|jpeg|gif|woff)$/, loader: 'url?limit=4192&name=[path][name].[ext]' },//limit參數，代表如果小于大約4k則會自動幫你壓縮base64編碼的圖片 /*{ test: //.(png|jpe?g|gif|ico)(/?/S*)?$/, loader: 'file-loader', query: { name: 'img/[name].[ext]' } },*/ {test: //.(otf|eot|ttf)$/, loader: "file?prefix=font/" }, {test: //.svg$/, loader: "file" }] }, vue: { loaders: { css: ExtractTextPlugin.extract('css-loader?sourceMap'), sass: ExtractTextPlugin.extract('css-loader?sourceMap!sass-loader?sourceMap') } }, babel: { presets: ['es2015', 'stage-3'], plugins: ['transform-runtime'] }, plugins: [ new HtmlWebpackPlugin({ template: './index.html' }), new ExtractTextPlugin('[name]-[hash:3].css') ]};

以下兩種方法都可使用

==url-loader配置（1）==

loaders: [ {test: //.(png|jpg|jpeg|gif|woff)$/, loader: 'url?limit=4192&name=[path][name].[ext]' },]

limit參數，代表如果小于大約4k則會自動幫你壓縮成base64編碼的圖片,否則拷貝文件到生產目錄

==url-loader配置（2）==

test: //.(png|jpe?g|gif|ico)(/?/S*)?$/, loader: 'file-loader', query: { name: 'img/[name].[ext]'}

直接將圖片拷貝到生產目錄

接下來就可以正常使用了！

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美在线播放视频| 一区二区三区在线播放欧美| 亚洲美女性视频| 日韩在线视频导航| 青青草99啪国产免费| 91免费人成网站在线观看18| 欧美日韩福利在线观看| 国产精品久久久久久久久久免费| 日本中文字幕成人| 国产日本欧美一区二区三区在线| 亚洲欧美国产日韩中文字幕| 国产精品成人va在线观看| 久久噜噜噜精品国产亚洲综合| 久久久亚洲欧洲日产国码aⅴ| 亚洲男人av在线| 久久成人精品一区二区三区| 青草青草久热精品视频在线网站| 欧美视频裸体精品| 欧美壮男野外gaytube| 亚洲va国产va天堂va久久| 亚洲第一福利网| 日韩av第一页| 日本久久久久亚洲中字幕| 国产97在线播放| 奇米成人av国产一区二区三区| 欧美极品在线播放| 久久久之久亚州精品露出| 国产婷婷色综合av蜜臀av| 亚洲色图第一页| 亚洲一区二区三区香蕉| 国产999精品久久久影片官网| 国产亚洲精品久久久| 北条麻妃一区二区三区中文字幕| 国产视频久久久久| 亚洲女同精品视频| 丁香五六月婷婷久久激情| 亚洲精品免费一区二区三区| 亚洲精品一区二区久| 欧美日韩久久久久| 亚洲大尺度美女在线| 国产精品久久91| 亚洲国产精品va| 精品女同一区二区三区在线播放| 日韩欧美在线看| 国外成人在线播放| 成人有码在线播放| 国产精品爽爽爽爽爽爽在线观看| 中文.日本.精品| 亚洲欧洲日本专区| 成人美女av在线直播| 久久精品一偷一偷国产| 一本大道久久加勒比香蕉| 91av在线国产| 精品亚洲va在线va天堂资源站| 亚洲天堂av在线免费| 国产成人小视频在线观看| 国产精自产拍久久久久久蜜| 国产精品久久久久久亚洲影视| 欧美久久精品一级黑人c片| 78m国产成人精品视频| 亚洲资源在线看| 欧美另类老肥妇| 国产成人jvid在线播放| 日韩av综合中文字幕| 欧美日韩福利在线观看| 日韩欧美黄色动漫| 欧美一性一乱一交一视频| 亚洲一区二区三区在线免费观看| 久久久久久久久电影| 欧美日韩激情美女| 精品伊人久久97| 尤物yw午夜国产精品视频明星| 欧美成人免费大片| 午夜精品三级视频福利| 亚洲精品自拍偷拍| 丁香五六月婷婷久久激情| 国产精品亚洲美女av网站| 欧美福利视频在线| 欧美日韩免费在线观看| 欧美另类极品videosbest最新版本| 91美女高潮出水| 国产日产欧美a一级在线| 欧美日韩美女在线| 日韩高清免费观看| 国产丝袜一区二区| 日韩在线观看网站| 欧美国产日本高清在线| 国产精品电影观看| 精品动漫一区二区| 亚洲综合最新在线| 久久人91精品久久久久久不卡| 久久成人精品电影| 日韩国产高清视频在线| 伊人精品在线观看| 日本欧美中文字幕| 欧美人与性动交a欧美精品| 亚洲精品福利免费在线观看| 久久99热精品| 日韩中文字幕视频| xxxx欧美18另类的高清| 国产精品劲爆视频| 久久久久久久网站| 成人免费淫片aa视频免费| www.日韩欧美| 亚洲精品久久久久久久久久久久| 一本一道久久a久久精品逆3p| 精品视频—区二区三区免费| 欧美一级片久久久久久久| 中文字幕日韩电影| 欧美精品制服第一页| 欧美大片免费观看| 欧美国产激情18| 国产精品久久久久久久久久三级| 免费99精品国产自在在线| 尤物九九久久国产精品的分类| 欧美精品在线第一页| 国产精品pans私拍| 亚洲最新中文字幕| 成年无码av片在线| 亚洲另类图片色| 91成人国产在线观看| 久久精品久久久久久| 在线观看精品国产视频| 成人国内精品久久久久一区| 国产精品久久久久秋霞鲁丝| 久久中文字幕在线视频| 亚洲国产美女精品久久久久∴| 免费91麻豆精品国产自产在线观看| 国产精品一区av| 久久这里有精品视频| 国产精品视频不卡| 成人一区二区电影| 亚洲男人第一av网站| 日韩福利伦理影院免费| 亚洲aa中文字幕| 91成人免费观看网站| 亚洲а∨天堂久久精品喷水| 亚洲日本欧美日韩高观看| 国产一区二区三区网站| 性欧美xxxx视频在线观看| 欧美体内谢she精2性欧美| 国产精品高精视频免费| 欧洲亚洲免费视频| 国产一区二区三区网站| 亚洲影院高清在线| 国产精品美女主播在线观看纯欲| 国产精品嫩草影院久久久| 亚洲精品电影在线观看| 日韩有码在线观看| 亚洲国产小视频在线观看| 久久成人18免费网站| 日韩国产精品亚洲а∨天堂免| 日韩精品视频三区| 日韩一区二区三区在线播放| 亚洲免费中文字幕| 国产精品无码专区在线观看| 欧美成人亚洲成人| 日本人成精品视频在线| 国色天香2019中文字幕在线观看| 91国语精品自产拍在线观看性色| 国产成人涩涩涩视频在线观看| 国产福利成人在线| 亚洲bt欧美bt日本bt| 国产精品成久久久久三级|