首页 > Web开发 > 详细

webpack2 热加载js 文件

时间:2017-06-10 09:38:12      阅读:450      评论:0      收藏:0      [点我收藏+]

如果只要普通的热加载 只要如下配置就好了

package.json

{
  "devDependencies": {
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5"
  },
  "scripts": {
    "start": "webpack-dev-server"
  }
}

 

webpack.config.js

module.exports = {
    entry: __dirname + ‘/js/test.js‘,
    output: {
        // 注意这里是 publicPath
        publicPath: "/dist/",
        filename: "bundle_test.js"
    }
}

 

若要使用 es6 的语法, 需加载babel 文件, 注意要先安装 babel-cli

package.json 如下:

{
  "devDependencies": {
      "babel-cli": "^6.24.1",
    "babel-core": "^6.25.0",
    "babel-loader": "^7.0.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5"
  },
  "scripts": {
    "start": "webpack-dev-server"
  }
}

 

webpack.config.js 如下:

module.exports = {
    entry: __dirname + ‘/js/test.js‘,
    output: {
        publicPath: "/dist/",
        filename: "bundle_test.js"
    },
    module: {
        loaders: [
            {
                test: /\.json$/,
                loader: "json-loader"
            },
            {
                test: /\.js$/,
                loader: "babel-loader"
            }
        ]
    }
}

并且还要加一个 .babelrc 文件, 如下:

{
    "presets": ["es2015", "react"]
}

 

webpack2 热加载js 文件

原文:http://www.cnblogs.com/zhengming2016/p/6977165.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!