# VUE安裝 **webpack 安裝：**  ``` <pre class="calibre13">``` npm install webpack@<span class="token5">3.6</span><span class="token5">.0</span> <span class="token">-</span>g ``` ``` **打包** ``` <pre class="calibre13">``` webpack <span class="token1">.</span><span class="token">/</span>src<span class="token">/</span>main<span class="token1">.</span>js <span class="token1">.</span><span class="token">/</span>dist<span class="token">/</span>bundle<span class="token1">.</span>js ``` ``` **快捷打包** ``` <pre class="calibre13">``` 直接輸入webpack就知道打包那個文件到那個文件 在根目錄新建一個webpack<span class="token1">.</span>config<span class="token1">.</span>js文件 首先需要npm init初始化 引用node 會生成<span class="token2">package</span><span class="token1">.</span>json文件 如果<span><span class="token4">`package.json`</span></span>里已經聲明了依賴，那直接<span><span class="token4">`npm install`</span></span>就會自動安裝了。 <span class="token6">//在命令行使用npm run build 代替webpack</span> 在<span class="token2">package</span><span class="token1">.</span>json 使用<span class="token6">//加備注會報錯</span> ``` ``` **本地安裝webpack** ``` <pre class="calibre13">``` npm install webpack@<span class="token5">3.6</span><span class="token5">.0</span> <span class="token">--</span>save<span class="token">-</span>dev ``` ```  **webpack編譯css文件**