简单的webpack配置文件

package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "no description 2017",
  "main": "index.js",
  "scripts": {
    "test": "run"
  },
  "keywords": [
    "none"
  ],
  "author": "lee",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.23.1",
    "babel-loader": "^6.3.2",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.23.0",
    "css-loader": "^0.26.2",
    "json-loader": "^0.5.4",
    "style-loader": "^0.13.2"
  }
}


webpack.config.js

module.exports = {
  entry:  __dirname + "/app/main.js",//已多次提及的唯一入口文件
  output: {
    path: __dirname + "/public",//打包后的文件存放的地方
    filename: "bundle.js"//打包后输出文件的文件名
  },
  module: {//在配置文件里添加JSON loader
    loaders: [
      {
        test: /\.json$/,
        loader: "json-loader"
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015','react']
        }
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'//添加对样式表的处理
      }
    ]
  },
  devServer: {
    contentBase: "./public",//本地服务器所加载的页面所在的目录
    historyApiFallback: true,//不跳转
    inline: true//实时刷新
  } 
}

 

修改时间 2018-05-15

真诚赞赏,手留余香
赞赏
随机推荐
Electron小试
webpack使用vue与cordova
树妖3
Dedecms 织梦5.7 文章时间问题
SQL表名,应该用复数还是单数
tar打包与解压
Node.js实现的简单爬虫
关于mysql的锁表问题
photoshop 数位板 两小时练习
PS 插画风格手绘仙人掌