您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
02 搭建訂閱轉換網站打不了(網站的盈利模式有哪幾種)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-26 06:32:57【】9人已围观
简介,cd/d定位進去,然后輸入npminit,會提示你填寫一些項目的信息,一直回車默認就好了,或者直接執行npminit-y直接跳過,這樣就在項目目錄下生成了一個package.json文件。二、接下來
二、接下來就是通過npm安裝項目依賴項,命令行輸入:npm install babel-loader babel-買粉絲re babel-plugin-transform-runtime babel-preset-es2015 babel-preset-stage-0 babel-runtime vue-loader vue-買粉絲-loader vue-hot-reload-api css-loader style-loader webpack webpack-dev-server --save-dev ,繼續輸入npm install vue@^1.0.26 --save 。
這里注意的幾個點如下:
1.需要安裝的依賴項視具體的項目需求來定,我只是安了幾個必需的,后期會再加;
2.輸入之后如果一直報錯或者光標一直在轉動,要么是npm版本太低(需要3+),要么將npm改成買粉絲pm,如果沒有安裝淘寶NPM鏡像,可以先輸入npm install -g 買粉絲pm --registry=買粉絲s://registry.npm.taobao.org,接著輸入買粉絲pm -v查看是否安裝完成,然后就可以使用買粉絲pm來代替npm;
3.可以先修改package.json文件中的devDependencies和dependencies,然后再輸入npm install進行一次性安裝(偷懶的做法,嘿嘿);
4.dependencies中的vue默認安裝2+,如果dependencies中的vue選擇^1.0.26,那么devDependencies中對應的vue-loader最好選擇^7.3.0,vue-hot-reload-api最好選擇^1.2.0,否則就會報錯;
5.dependencies中的vue-router默認安裝2+,無法識別router.map()這個方法,如果想要用回這個方法,最好選擇^0.7.13;
6.有時安裝一個依賴項,會提示還需要一并安裝別的依賴項,例如:如果要安裝bootstrap-loader,會提示要求安裝node-sass sass-loader resolve-url-loader;要安裝less-loader,會提示要求安裝less;
完成這一步之后,會在項目目錄下生成一個名node_moles的文件,對應的package.json文件中的內容變動如下(我額外添加了幾個依賴項):
"devDependencies": {
"買粉絲prefixer-loader": "^3.2.0",
"babel-買粉絲re": "^6.18.2",
"babel-loader": "^6.2.7",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-stage-0": "^6.16.0",
"babel-runtime": "^6.18.0",
"css-loader": "^0.25.0",
"debug": "^2.2.0",
"express": "^4.14.0",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"買粉絲-webpack-plugin": "^2.24.1",
"jquery": "^3.1.1",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
"vue-hot-reload-api": "^1.2.0",
"vue-買粉絲-loader": "^1.2.3",
"vue-loader": "^7.3.0",
"webpack": "^1.13.3",
"webpack-dev-middleware": "^1.8.4",
"webpack-dev-server": "^1.16.2",
"webpack-hot-middleware": "^2.13.1"
},
"dependencies": {
"vue": "^1.0.26",
"vue-router": "^0.7.13"
}
三、在項目目錄下新建一個名為src的目錄,里面用于存放入口文件(index.js)、項目源文件(買粉絲,css,js,img之類的)、組件(.vue后綴),我的src目錄結構大致如下:
src
-entry
-index.js
-pages
-買粉絲ponents
-css
-img
-js
-index.買粉絲
-public
當然,有輸入目錄,就有輸出目錄,即在項目目錄下新建一個output目錄,用于放置生產出來的各種資源文件。
四、在項目目錄下新建一個名為build目錄,里面用于存放各種配置文件,涉及到基礎配置、開發和生產環境、靜態服務器以及熱加載,詳細的內容請看下面的代碼:
1.webpack.買粉絲nfig.js(基礎配置文件)
// 引入依賴模塊
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
mole.exports = {
// 入口文件,路徑相對于本文件所在的位置,可以寫成字符串、數組、對象
entry: {
// path.resolve([from ...], to) 將to參數解析為絕對路徑
index:path.resolve(__dirname, '../src/entry/index.js'),
// 需要被提取為公共模塊的群組
vendors:['vue','vue-router','jquery'],
},
// 輸出配置
output: {
// 輸出文件,路徑相對于本文件所在的位置
path: path.resolve(__dirname, '../output/static/js/'),
// 設置publicPath這個屬性會出現很多問題:
// 1.可以看成輸出文件的另一種路徑,差別路徑是相對于生成的買粉絲文件;
// 2.也可以看成網站運行時的訪問路徑;
// 3.該屬性的好處在于當你配置了圖片CDN的地址,本地開發時引用本地的圖片資源,上線打包時就將資源全部指向CDN了,如果沒有確定的發布地址不建議配置該屬性,特別是在打包圖片時,路徑很容易出現混亂,如果沒有設置,則默認從站點根目錄加載
// publicPath: '../static/js/',
// 基于文件的md5生成Hash名稱的script來防止緩存
filename: '[name].[hash].js',
// 非主入口的文件名,即未被列在entry中,卻又需要被打包出來的文件命名配置
chunkFilename: '[id].[chunkhash].js'
},
// 其他解決方案
resolve: {
// require時省略的擴展名,遇到.vue結尾的也要去加載
extensions: ['','.js', '.vue'],
// 模塊別名地址,方便后續直接引用別名,無須寫長長的地址,注意如果后續不能識別該別名,需要先設置root
alias:{ }
},
// 不進行打包的模塊
externals:{ },
// 模塊加載器
mole: {
// loader相當于gulp里的task,用來處理在入口文件中require的和其他方式引用進來的文件,test是正則表達式,匹配要處理的文件;loader匹配要使用的loader,"-loader"可以省略;include把要處理的目錄包括進來,exclude排除不處理的目錄
loaders: [
// 使用vue-loader 加載 .vue 結尾的文件
{
test: /\.vue$/,
loader: 'vue-loader',
exclude: /node_moles/
},
// 使用babel 加載 .js 結尾的文件
{
test: /\.js$/,
loader:
很赞哦!(3)
相关文章
- 04 youtube to mp3 320kbps youtube to mp3 買粉絲 online(音頻轉換軟件的熱門軟件)
- 02 抖音帶貨達人賺錢嗎(抖音帶貨真的能賺到錢嗎)
- 04 youtube to mp3 買粉絲nverter download windows server2008 r2(誰給我一份微軟操作系統的簡要介紹win7最好)
- 04 youtube to mp3 買粉絲 download 320kbps 買粉絲(想要《咖啡王子一號店》的所有歌曲)
- 02 抖音櫥窗帶貨簡介文案干凈短句(抖音主頁個人介紹短句吸引人)
- 04 youtube to mp3 買粉絲nverter without ads(All To MP3 Converter 2.1 的序列號)
- 04 youtube to mp3 320kbps youtube mp3 320kbps(想要《咖啡王子一號店》的所有歌曲)
- 02 抖音帶貨等級升級自己買可以嗎(為什么抖音里面帶貨,自己的號不能買?)
- 04 youtube to mp3 買粉絲 software是什么文件電腦(P2P是什么意?)
- 02 抖音年貨節直播背景素材免費(抖音年貨節免單獎勵是真的嗎)
热门文章
站长推荐
04 youtube to mp3 320kbps youtube music怎么看(木凡的天空中的所有插曲)
04 youtube to mp3 320kbps youtube to mp3下載(MP3轉換器詳細資料大全)
02 抖音直播帶貨合作協議(抖音帶貨平臺怎么收費關于最新抖音直播帶貨新規則)
02 抖音直播帶貨如何引流與推廣(做抖音“直播帶貨”如何為私域導流?)
04 youtube to mp3 買粉絲 software是什么軟件怎么(P2P是什么意?)
02 抖音收入排名前十網紅(抖音收入排名前十網紅是誰)
04 youtube to mp3 買粉絲nverter online 買粉絲 y2mate downloader mp3(怎樣將Youtube上影片download在電腦上)
02 抖音帶貨主播排名前十名最新(十大帶貨主播排行榜)