1. 程式人生 > >【vue】webpack 和 webpack-simple依賴包遷移注意事項

【vue】webpack 和 webpack-simple依賴包遷移注意事項

bogon:~ ericzhang$ vue list

  Available official templates:

    browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.

    browserify-simple - A simple Browserify + vueify setup for quick prototyping.

    pwa - PWA template for vue-cli based on the webpack template

    simple - The simplest possible Vue setup in a single HTML file

    webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

    webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

nmp I vue-cli -g 裝完腳手架之後,呼叫vue list 我們會發現 vue init 建立的基礎工程有上述幾種,browserify和

browserify-simple 可能更多的是為了適應一些老使用者的需求,我們更過看的是webpack和webpack-simple

建立專案的時候 

vue init webpack|webpack-simple 專案名

這裡我們應該注意的是兩者遷移的時候的一個問題:

webpack webpack-simple 從字面意義上看幾乎是一致的,像是一個是簡化版,另一個是完全版。

其實不然, webpack-simp le 是基於 [email protected] l .0-beta.25 進行配 置的版本,而 webpack 模板則是基於 Webpack ^ 1.3 .2 配置的。這兩個版本暫時是互相不相容的 

所以依賴包的遷移方法是把原有的node_modules裡邊的依賴包全部刪掉,然後npm i 重新新增