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',//方便调试 cheap-module-eval-source-map大型项目中打包速度快不方便调试
devServer: {//安装npm install -g webpack-dev-server 搭建本地服务器
contentBase: './public',//服务器加载页面得目录
historyApiFallback: true,//不跳转
hot:true,
inline: true//实时刷新
},
module: {
rules: [
{
test:/(.jsx|.js)$/,//正则表达式删选文件
use:{
loader:'babel-loader',//loader
options:{
presets:[//预处理loader
"env","react"
]
}
},
exclude: /node_modules/ //排除不需要处理文件
},{
test:/(.css | .less)$/,
use: [
{
loader: "style-loader"
},{
loader: 'css-loader'
}
]

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

};

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,245评论 7 35
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,193评论 2 16
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • publicPath指定了一个在浏览器中被引用的URL地址。 对于使用 和 加载器,当文件路径不同于他们的本地磁盘...
    飞呀飞哥阅读 1,725评论 0 0
  • 1.等零点的钟声一敲响,我就20岁了,其实觉得挺不可思议的,就好像一晃眼,人生飘忽已过二十载。 十六岁时,我想当我...
    胡说八道的一本正经先森阅读 2,781评论 11 17