美文网首页
webpack 的简单实用

webpack 的简单实用

作者: sunflower_07 | 来源:发表于2017-11-06 10:20 被阅读0次
    1. 首先需要安装node ,不确定自己有没有安装node,使用命令
      node -v
    image.png
    1. 初始化下,点回车就好了
    image.png image.png

    3.安装webpack

    image.png

    4.新建个entry.js文件
    写入document.write("It works.");
    5.新建个index.html文件

    <html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
    </body>
    

    </html>
    6.在运行如下命令
    $ webpack ./entry.js bundle.js

    image.png

    7.这时候你的demo 里面会有bundle.js 这个文件,这个就是打包之后的文件

    image.png

    8.这时候去打开index.html ,浏览器就会出现你写入的内容

    image.png

    一个简单的使用就完成了,你想了解更多,请去看api 吧。

    相关文章

      网友评论

          本文标题:webpack 的简单实用

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