webpack命令打包報錯匯總

問題一:安裝本地webpack時括袒,npm install webpack安裝失敗
解決辦法:先全局安裝npm install webpack -g蒋譬,再本地安裝npm install webpack

問題二:
webpack命令打包提示 - configuration.output.path: The provided value "./dist/js" is not an absolute path!
如圖:


QQ截圖20170711112700.png

那么加上 __dirname莫湘,成了absolute path
<pre>
output: {
path: __dirname + '/dist/js',
filename: 'bundle.js'
}
</pre>
沒有報錯了越败,但是dist/js目錄沒有生成bundle.js文件驱显,

解決辦法:

var path = require("path");
...
output: {
    path: path.resolve(\__dirname,  './dist/js'),
    filename: 'bundle.js' 
}

問題三:
當(dāng)在webpack.config.js中配置postcss-loader時,提示錯誤如下圖:

QQ圖片20170711161614.png

首先配置好加載解析css的loader

{
        test : /\.css$/,
        loader: 'style-loader!css-loader?importLoaders=1!postcss-loader'
 }

以plugins 的方式配置postcss config放接,如下:

 plugins : [
        new webpack.LoaderOptionsPlugin({
            options : {
                postcss : function(){
                    return [
                        require('autoprefixer')({
                            broswers : ['last 5 versions']
                        })
                    ];
                }
            }
        })
    ]

這種方式不行!

正確的解決方法:
項目根目錄下新建postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer')({
            browsers: ["last 5 versions"]
        })
    ]
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末留特,一起剝皮案震驚了整個濱河市纠脾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蜕青,老刑警劉巖苟蹈,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異右核,居然都是意外死亡慧脱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門贺喝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來菱鸥,“玉大人,你說我怎么就攤上這事躏鱼〉桑” “怎么了?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵染苛,是天一觀的道長鹊漠。 經(jīng)常有香客問我茶行,道長躯概,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任畔师,我火速辦了婚禮娶靡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘茉唉。我一直安慰自己固蛾,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布度陆。 她就那樣靜靜地躺著艾凯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪懂傀。 梳的紋絲不亂的頭發(fā)上趾诗,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼恃泪。 笑死郑兴,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的贝乎。 我是一名探鬼主播情连,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼览效!你這毒婦竟也來了却舀?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤锤灿,失蹤者是張志新(化名)和其女友劉穎挽拔,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體但校,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡螃诅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了状囱。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片术裸。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖浪箭,靈堂內(nèi)的尸體忽然破棺而出穗椅,到底是詐尸還是另有隱情,我是刑警寧澤奶栖,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布匹表,位于F島的核電站,受9級特大地震影響宣鄙,放射性物質(zhì)發(fā)生泄漏袍镀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一冻晤、第九天 我趴在偏房一處隱蔽的房頂上張望苇羡。 院中可真熱鬧,春花似錦鼻弧、人聲如沸设江。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽叉存。三九已至,卻和暖如春度帮,著一層夾襖步出監(jiān)牢的瞬間歼捏,已是汗流浹背稿存。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留瞳秽,地道東北人瓣履。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像练俐,于是被迫代替她去往敵國和親袖迎。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺腺晾,特此分享以備自己日后查看瓢棒,也希望更多的人看到...
    小小字符閱讀 8,178評論 7 35
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間丘喻,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,698評論 7 110
  • Webpack學(xué)習(xí)總結(jié) 此文只是自己學(xué)習(xí)webpack的一些總結(jié)念颈,方便自己查閱泉粉,閱讀不變,非常抱歉A穹肌嗡靡! 下載安裝:...
    Lxs_597閱讀 952評論 0 0
  • 記得2004年的時候,互聯(lián)網(wǎng)開發(fā)就是做網(wǎng)頁窟感,那時也沒有前端和后端的區(qū)分讨彼,有時一個網(wǎng)站就是一些純靜態(tài)的html,通過...
    陽陽陽一堆陽閱讀 3,309評論 0 5
  • 是否開始迷茫是否學(xué)會頹廢是否無所事事 告訴你柿祈,別墮落哈误,你沒有資格 生來不是豪門無王子公主之命沒有時間金錢等不起仰望...
    豫視西影閱讀 900評論 2 5