您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
05 搭建訂閱轉換網站(如何自己建設獨立的B2C商城)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-19 19:32:32【】7人已围观
简介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(&
很赞哦!(88762)
相关文章
- 01 水泥貿易公司經營模式(水泥貿易公司的行業類別是多少?4位數字!我不清楚!麻煩誰知道的說下!)
- 01 抖音播放量收益在哪里開通(抖音播放量達到多少可以賺錢)
- 01 汕頭國潤貿易有限公司電腦操作員怎么樣(汕頭市國潤貿易有限公司怎么樣)
- 01 匯虹貿易(深圳)有限公司(急 西安通訊類 企業有那些!)
- 01 抖音播放量賺錢(怎樣在抖音里面的播放量賺錢呢?)
- 01 求生之路2地圖訂閱后看不到(在steam創意工坊上訂閱了求生之路2,為什么在ADDSON里面沒有顯示?)
- 01 匯率走高對外貿的影響(匯率的變化對于外貿的影響有哪些)
- 01 汕頭外貿中專學校是公辦嗎(汕頭外貿中專有什么專業)
- 01 水上運輸方式貿易術語的區別(哪些國際貿易術語適用于任何運輸方式?)
- 01 抖音播放量才幾十怎么回事(為什么我的抖音只有幾十播放量)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:内蒙古呼和浩特托克托县
工作室:小组
Email:[email protected]