1.首先 npm init -y 創建一個項目

2.安裝vue

?　　npm install vue --save

3.然后安裝webpack 注意如果全局沒有還要安裝全局的webpack和webpack-cli

　　npm install --save-dev webpack webpack-dev-server webpack-cli

4.安裝loader(加載器)

　　npm install? --save-dev?css-loader file-loader style-loader

5.安裝vue模板的loader和template解析

　　npm install?vue-loader vue-html-loader vue-style-loader vue-template-compiler

6.安裝babel

　　npm install --save-dev?babel-loader@7 babel-core babel-preset-env

　　推薦用babel-loader@7? 7以上的版本依賴可能會報錯

　　babel-preset-env：會根據配置的運行環境自動啟用需要的babel插件

7.安裝?html-webpack-plugin 不安裝可能會出現配置完成后頁面一片空白的情況

8.配置json的scripts

　　

9.在根目錄創建App.vue? index.html index.js webpack.config.js 目錄如下：

　　

webpack.config.js配置如下

　　

App.vue

　　

index.html

　　

?

index.js

　　

?

然后npm run dev

?　　

npm run?build 打包上線 會生成一個dist文件夾 就能直接上線啦

?

轉載于:https://www.cnblogs.com/y-y-y-y/p/9759756.html

總結

以上是生活随笔為你收集整理的webpack4.x加vue模板文件简单还原vue-cli的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。