webpack 基礎命令

一、 打包命令

(非全局安裝需使用node_modules/.bin/webpack ,以下省略)

  1. 直接用命令行打包:
webpack {entry file} {destination for bundled file}
//webpack app/main.js dist/build.js
  1. 用webpack.config.js配置打包,創建一個config文件,配置如下,然后命令行輸入webpack
module.exports = {
    entry: __dirname + '/app/main.js',
    output: {
        filename: 'build.js',
        path: __dirname + '/dist'
    }
}
  1. npm打包,在package.json中對npm的腳本部設置:
"scripts": {
    "start": "webpack" //把npm的start命令指向webpack命令
  }

start是一個特殊的腳本名稱,在命令行中使用npm start就可以執行相關命令。如果對應的此腳本名稱不是start,執行時需用npm run {script name}npm run build

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,227評論 7 35
  • 記得2004年的時候,互聯網開發就是做網頁,那時也沒有前端和后端的區分,有時一個網站就是一些純靜態的html,通過...
    陽陽陽一堆陽閱讀 3,336評論 0 5
  • 構建一個小項目——FlyBird,學習webpack和react。(本文成文于2017/2/25) 從webpac...
    布蕾布蕾閱讀 16,878評論 31 98
  • 學習流程 參考文檔:入門Webpack,看這篇就夠了Webpack for React 一. 簡單使用webpac...
    Jason_Zeng閱讀 3,178評論 2 16
  • 麻痹,夏天比冬天要容易感冒。 等會就去學校了,本來學校安排過完第一天暑假就要回去上課的,我推辭了,聽媽媽說龔老師打...
    灰魔王閱讀 331評論 0 1