您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
05 搭建訂閱轉換網站(如何自己建設獨立的B2C商城)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-15 02:25:25【】1人已围观
简介erwebpackwebpack-dev-server--save-dev,繼續輸入npminstallvue@^1.0.26--save。這里注意的幾個點如下:1.需要安裝的依賴項視具體的項目需求來
這里注意的幾個點如下:
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: 'babel',
exclude: /node_moles/,
query:{
presets: ['es2015', 'stage-0'],
plugins: ['transform-runtime']
}
},
// 使用css-loader和style-loader 加載 .css 結尾的文件
{
test: /\.css$/,
// 將樣式抽取出來為獨立的文件
loader: ExtractTextPlugin.extract(&
很赞哦!(21)
相关文章
- 01 買粉絲買粉絲怎么加標簽(買粉絲里面的 標簽 是什么意思?是怎么用的?)
- 01 買粉絲買粉絲怎么快速找到星標(星標買粉絲在哪里找)
- 01 youtube music premium vs spotify premium(Youtube, Spotify, Facebook- 數位時代下的音樂產業)
- 01 youtube music pc download index 買粉絲節目介紹(如何在youtubemusic中創建快捷指令)
- 01 買粉絲買粉絲怎么發招聘信息(買粉絲公眾帳號如何添加招聘功能)
- 01 買粉絲買粉絲怎么找工作(買粉絲怎么在附近找工作)
- 01 youtube music mp3 pop 2021(找一些經典好聽的英文歌曲)
- 01 買粉絲買粉絲怎么刪除關注的用戶(怎樣把買粉絲里的公眾帳號里人刪掉)
- 01 youtube music gospel singers(歐美歌手Katy Perry資料簡介)
- 01 買粉絲買粉絲怎么發招聘信息(買粉絲公眾帳號如何添加招聘功能)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:黑龙江省鸡西虎林市
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 買粉絲買粉絲怎么制作流程(怎么制作買粉絲)
01 youtube music gospel 買粉絲(MindyGledhill是誰)
01 買粉絲買粉絲怎么開放評論(買粉絲買粉絲怎么開評論功能)
01 買粉絲買粉絲怎么年審認證(買粉絲買粉絲年審怎么通過認證)
01 youtube music pc app下載安卓手機(安卓手機root怎么刪除軟件 刪除方法介紹)
01 買粉絲買粉絲怎么開啟留言功能(買粉絲買粉絲如何開啟留言功能?)
01 youtube music not working(如何讓YTmusic在后臺播放)
01 youtube music library playlist(幫忙翻譯一段IPHONE廣告)