vue loader webpack專案配置

1.建立乙個npm專案

新建專案資料夾，開啟終端，將路徑移動至此資料夾，輸入

npm init

成功建立npm專案

2. 安裝所需要的包

在終端中輸入

npm i webpack vue vue-loder css-loader vue-template

-compiler

等待安裝完成

3.建立原始碼放置的目錄

在專案資料夾中新建乙個資料夾src作為原始碼放置目錄

在此目錄中可以建立.vue檔案

但是，.vue檔案無法在瀏覽器當中直接執行，所以我們需要用一定的方法使之可以執行

4.建立webpack.config.js檔案

在專案資料夾中建立乙個webpack.config.js檔案，模板如下

const path = require('path')

module.exports = ,
module:]}
}

5.建立入口檔案

在src目錄下建立入口檔案index.js，模板如下

import vue from 'vue'

const root = document.createelement('div')
new vue().$mount(root)

為根目錄下package.json檔案中scripts新增**

"build": "webpack --config webpack.config.js"

,

"author": ""
,  "license": "isc"
,  "dependencies": 
}

npm run build

這樣，就完成了專案的配置

ps：作者作為初學者，在學習過程中通過發表部落格的方法記錄、分享自己的學習過程和心得，因此其中出現的錯誤，還望各位大佬指正，不勝感激。

vue專案axios使用及axios的配置介紹

axios 是乙個基於 promise 的 http 庫，可以用在瀏覽器和 node.js 中 以下主要是vue專案使用方式的介紹 npm install axios2 在main.js引入 import as axios from axios vue.prototype.axios axios3 ...

在vue新專案中用TypeScript 配置篇

npm install typescript ts loader tslint tslint loader tslint config standard vue property decorator vue class component可參考typescript vue start include...

websphere datasource配置檔案

1 ibm websphere 6.0 配置檔案可能藏身之地 d program files ibm rational sdp 6.0 runtimes base v6 profiles default config 2 wsc副檔名 或資料夾為 wsc 為websphere config目錄 3 ...