2018-03-16

const webpack = require('webpack')
module.exports ={
entry: __dirname +'/app/index.js',//__dirname node.js全局變量 腳本所在目錄
output: {
filename: 'bundle.js',
path: __dirname + "/public"
},
devtool: 'eval-source-map',//方便調(diào)試 cheap-module-eval-source-map大型項目中打包速度快不方便調(diào)試
devServer: {//安裝npm install -g webpack-dev-server 搭建本地服務(wù)器
contentBase: './public',//服務(wù)器加載頁面得目錄
historyApiFallback: true,//不跳轉(zhuǎn)
hot:true,
inline: true//實時刷新
},
module: {
rules: [
{
test:/(.jsx|.js)$/,//正則表達式刪選文件
use:{
loader:'babel-loader',//loader
options:{
presets:[//預(yù)處理loader
"env","react"
]
}
},
exclude: /node_modules/ //排除不需要處理文件
},{
test:/(.css | .less)$/,
use: [
{
loader: "style-loader"
},{
loader: 'css-loader'
}
]

        }
    ]
},
plugins: [
    new webpack.HotModuleReplacementPlugin()
]

};

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,371評論 7 35
  • 學(xué)習(xí)流程 參考文檔:入門Webpack,看這篇就夠了Webpack for React 一. 簡單使用webpac...
    Jason_Zeng閱讀 3,260評論 2 16
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,894評論 7 110
  • publicPath指定了一個在瀏覽器中被引用的URL地址。 對于使用 和 加載器,當文件路徑不同于他們的本地磁盤...
    飛呀飛哥閱讀 1,759評論 0 0
  • 1.等零點的鐘聲一敲響,我就20歲了,其實覺得挺不可思議的,就好像一晃眼,人生飄忽已過二十載。 十六歲時,我想當我...
    胡說八道的一本正經(jīng)先森閱讀 2,848評論 11 17

友情鏈接更多精彩內(nèi)容