美文网首页
webpack学习记录01

webpack学习记录01

作者: 33d8e4ec2cc9 | 来源:发表于2017-06-28 15:28 被阅读21次

    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
    你就可以看到输出的内容了

    相关文章

      网友评论

          本文标题:webpack学习记录01

          本文链接:https://www.haomeiwen.com/subject/nrpucxtx.html