1. 程式人生 > >【Webpack】之 下載安裝3.8.1(Windows10)

【Webpack】之 下載安裝3.8.1(Windows10)

平臺: window10
npm:8.9.4


ps:之前按照官網(官網的文件沒編寫好),然後各種報錯,最後用3.8.1版本

(1)預備

(2)安裝webpack

npm install -g [email protected] 全域性安裝

這裡寫圖片描述

webpack -v 驗證webpack(檢視版本號)

這裡寫圖片描述

(3)小demo

① 建立webpack-demo
② 初識化 npm init
這裡寫圖片描述
③ 安裝本地webpack npm install --save-dev [email protected]


這裡寫圖片描述
④ 新建 資料夾 dist 和 src; 並在src中新建 app.js
這裡寫圖片描述這裡寫圖片描述
⑤ app.js 編寫程式碼
console.log("hello world");


⑥ 打包生成 webpack src/app.js dist/app.bundle.js
這裡寫圖片描述

相關推薦

Webpack 下載安裝3.8.1Windows10

平臺: window10 npm:8.9.4 ps:之前按照官網(官網的文件沒編寫好),然後各種報錯,最後用3.8.1版本 (1)預備 (2)安裝we

SBT 下載安裝

一、簡介 sbt uses a small number of concepts to support flexible and powerful build definitions. sbt(sim

Webpack CSS單獨打包webpack 3.8.1

(1)預備備 ① webpack3.8.1 安裝 ② 包依賴 var glob = require(‘globby’); npm install globby

如何下載安裝python

content python com 麻煩 32位 cmd 建議 zip 存儲 【轉】原文地址:http://jingyan.baidu.com/article/25648fc19f61829191fd00d4.html 1. 在python的官網下載python版本,

jdkwindows下安裝jdk1.8

1、準備 win10系統,其他windows系統安裝過程大同小異 官網下載jdk1.8 下載地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html *

轉載Mysql下載安裝教程

1:下載MySql  選擇對應的下載檔案。(我電腦是64位,所以這下載的是64位的下載檔案) 2:安裝MySql  開啟下載檔案解壓到指定檔案目錄。(我這裡解壓目錄為D:\mysql-5.7.21-winx64)  開啟解壓後的MySql檔案在根目錄下

Webpack 配合後端渲染

為什麼學習Webpack? 對之前開發形式的厭煩,想打破 更好模組管理 安全,對檔案壓縮,使外者不易看出 減少重複工作 程式碼分割 分離業務程式碼

SpringMVC7.REST風格的CRUD實戰前期工作

一、什麼是REST和CRUD? 1.有關REST 有關REST的解釋我已近在之前的SpringMVC系列文章提到過,如果有興趣的同學可以翻看《【SpringMVC】3.REST表現層狀態轉換》進行檢視。 2.有關CRUD In comp

SpringMVC9.REST風格的CRUD實戰新增操作

##注意!!! URI:emp 請求方式:GET 顯示效果 ####新增員工資訊 URI:emp 請求方式:POST 顯示效果:完成新增,重定向到 list 頁面。 ##二、介面分析 顯示頁面的URL都是emp,但是請求方式分別是GET和POS

SpringMVC10.REST風格的CRUD實戰刪除操作

注意!!! 一、前情提要 刪除操作 URL:emp/{id} 請求方式:DELETE 刪除後效果:對應記錄從資料表中刪除 二、具體步驟 1.配置HiddenHttpMethodFilter 由於HTML只支援常見的Get和POST方法,而DELE

LinuxCentos7.4安裝Apache2.4.23詳細步驟

(yankerp-你不努力,未來沒人替你買單!) 一、安裝apache2.4.23 Apache官網:http://www.apache.org/ apache2.4新功能概述: 執行時可載入M

Docker基於例項專案的叢集部署安裝環境搭建

叢集 叢集具有三高特點: 高效能 高負載 高可用 現在的環境中,經常會用到叢集,如資料庫叢集。如,我們在主機上部署資料庫節點,形成叢集。 安裝環境與配置 在Docker中部署叢集,首先要安裝Linux環境,這裡我們使用VMware虛擬機

Dubbo源碼閱讀系列遠程服務調用

res 簡單的 eric 執行流程 交互 windbg 模式 face voc 今天打算來講一講 Dubbo 服務遠程調用。筆者在開始看 Dubbo 遠程服務相關源碼的時候,看的有點迷糊。後來慢慢明白 Dubbo 遠程服務的調用的本質就是動態代理模式的一種實現。本地消費者無

okhttpPost請求設定utf-8編碼解決漢語請求亂碼問題

 如果用FormBody 傳送post表單請求,就不能設定編碼格式,contentType方法沒有暴露出來,預設也不是UTF-8,引數是漢字就會亂碼。 所以換一種方式 ,用   RequestBody

整理軟件工程復習提綱維護

評價 描述 nbsp 參考 操作 text 吸引 復習 組織 章魚小年糕整理,如果有錯誤歡迎提出,若要二次修改發布,請留言,謝謝^_^! 概念 軟件維護:軟件在已經交付使用之後,為了改正錯誤或滿足新的需求修改軟件的過程。 文檔:有關計算機程序功能、設計、編制、使用的文字或圖

fetch跨域請求附帶cookiecredentials

allow src ssi ann oct o-c ech .com 頭部 HTTP訪問控制 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 解決跨域的方式有很多種,本文介紹“跨域請

探路者第四周立會報告1總第20次

今天 報告 要求 歡迎界面 style line 開始 貢獻 https 【探路者】組成員及各位博客地址。 1藺依銘:http://www.cnblogs.com/linym762/ 2張恩聚:http://www.cnblogs.com/zej87/ 3米赫:http:

gulp前端自動化工具---gulp的使用------凡塵

app 一起 dex 前端自動化 指定 sass css 文件的 等待 什麽是gulp? 基於node的自動化構建工具 擴展:開發的時候分為2個節點一個是開發階段 另一個是部署階段 開發階段:源文件不會被壓縮

201803122018年03月12日隨想

post 而是 有一個 然而 clas OS you pos 一個 今天有一個熱點事件,在幾個群裏都有提及。 我以為是假的。沒想到是真的。果然還是太young了。 總結: 有的事,你認為是假的,它是真的。比如今天的焦點事件。 有的事,你認為一定是假的,偏偏是真

PAT1135Is It A Red-Black Tree30

earch represent uno nbsp pac ber key strong 節點 There is a kind of balanced binary search tree named red-black tree in the data structure.