webpack 使用方法。
因為之前做一個小東西。需要一個打包工具。看到了webpack。
總結了下使用webpack的用法。防止下次再次進坑。
1、安裝node.js(官網推薦的就可以)
2、安裝webpack,全域性命令(其實可以對某個專案進行區域性安裝。活比較急,沒有研究) npm install -g webpack@(3.8.1) (4.0以後版本打包經常會遇到webpack_xx_cli這個報錯);
3、檢查是否安裝成功:node -v ; webpack -v ;會顯示出相應的版本號。
4、命令列進入到專案下。初始化專案:npm init;
5、整合webpack: npm install --save-dev webpack@3.8.1
6、當你想要打包 webpack 就OK了,會提示新增各種依賴。npm install css-loader -D 看提示缺什麼加什麼就好了 。
7、具體配置網上百度。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2480/viewspace-2800623/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- webpack(2)webpack核心概念Web
- VNC viewer使用方法,win10VNC使用方法VNCViewWin10
- XQuartz 使用方法quartz
- labelme使用方法
- plotly使用方法
- anaconda使用方法
- nmap使用方法
- NPM使用方法NPM
- libev使用方法
- webpack 3.1 升級webpack 4.0Web
- webpackWeb
- webpack系列--淺析webpack的原理Web
- 必會webpack(一)--- 初識webpackWeb
- webpack(6)webpack處理圖片Web
- Linux——指令使用方法!Linux
- Masonry 使用方法整理
- Java DES 使用方法Java
- docker的使用方法Docker
- MagicArray基本使用方法
- chown 命令使用方法
- SerialPort的使用方法
- linux awk使用方法Linux
- VIM 的使用方法
- Markdown的使用方法
- jQuery datatable 使用方法jQuery
- Swiper Animate使用方法
- scp命令使用方法
- API文件使用方法API
- Jacob包使用方法
- webpack 基礎入門 - 瞭解webpackWeb
- webpack(5)webpack處理css檔案WebCSS
- webpack uglifyWeb
- webpack整理Web
- Hello, Webpack!Web
- webpack原理Web
- What is WebpackWeb
- webpack 起步Web
- webpack概念Web