webpack学习记录01

2017-06-28 本文已影响21人 33d8e4ec2cc9

entry和output

新建一个文件夹，进去之后
安装了webpack, 和webpack-dev-server之后, 就可以通过

$ webpack-dev-server

来启动你的项目

webpack.config.js

module.exports = {
    entry: './app.js',
    output: {
        filename: 'output.js'
    }
}

entry参数代表你的入口文件
app.js

document.write('<h1>Hello World</h1>');

需要建一个index.html
index.html

<html>
  <body>
    <script type="text/javascript" src="output.js"></script>
  </body>
</html>

  $ webpack-dev-server

打开localhost:8080
你就可以看到输出的内容了