webpack4 and vue2

  webpack4 
https://www.jianshu.com/p/b30cf56a431f

優秀例子https://www.cnblogs.com/tugenhua0707/p/9695179.html

創建本地nodejs項目:
[1]cnpm init -y
上面命令應該在一個目錄裏執行,產生的項目名稱也是該目錄的名稱。之後會產生package.json文件。
此時建議對package.json文件做以下修改:刪除"main": "index.js",加上"private": true

安裝webpack4和webpak-cli:
[2]cnpm install webpack webpack-cli --save-dev
之後會產生node_modules文件。並更新依賴項在package.json中。

創建在src/index.js

        import _ from 'lodash'

        let element = document.createElement('div');
        element.innerHTML = _.join(['Hello', 'World'], ' ')
        document.body.appendChild(element);

創建src/index.html

    <!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Webpack4基本使用</title>
    </head>
    <body>
    <script src="dist/main.js"></script>
    </body>
    </html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章