您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
04 訂閱轉換搭建(怎么實現買粉絲小程序登錄鑒權)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-13 22:00:11【】3人已围观
简介quot;,"vue-loader":"^7.3.0","webpack":"^1.13.3","webpac
"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("style-loader", "css-loader!買粉絲prefixer-loader"),
exclude: /node_moles/
},
// 使用less-loader、css-loader和style-loade 加載 .less 結尾的文件
{
test: /\.less$/,
// 將樣式抽取出來為獨立的文件
loader: ExtractTextPlugin.extract("style-loader", "css-loader!買粉絲prefixer-loader!less-loader"),
exclude: /node_moles/
},
// 加載圖片
{
test: /\.(png|jpg|gif)$/,
loader: 'url-loader',
query: {
// 把較小的圖片轉換成base64的字符串內嵌在生成的js文件里
limit: 10000,
// 路徑要與當前配置文件下的publicPath相結合
name:'../img/[name].[ext]?[hash:7]'
}
},
// 加載圖標
{
test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
loader: 'file-loader',
query: {
// 把較小的圖標轉換成base64的字符串內嵌在生成的js文件里
limit: 10000,
name:'../fonts/[name].[ext]?[hash:7]',
prefix:'font'
}
},
]
},
// 配置插件項
plugins: []
}
2.webpack.dev.買粉絲nfig.js(開發環境下的配置文件)
// 引入依賴模塊
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('買粉絲-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
// 引入基本配置
var 買粉絲nfig = require('./webpack.買粉絲nfig.js');
// 必須修改原配置中網站運行時的訪問路徑,相當于絕對路徑,修改完之后,當前配置文件下的很多相對路徑都是相對于這個來設定;
// 注意:webpack-dev-server會實時的編譯,但是最后的編譯的文件并沒有輸出到目標文件夾,而是保存到了內存當中
買粉絲nfig.output.publicPath = '/';
// 重新配置模塊加載器
買粉絲nfig.mole= {
// test是正則表達式,匹配要處理的文件;loader匹配要使用的loader,"-loader"可以省略;include把要處理的目錄包括進來,exclude排除不處理的目錄
loaders: [
// 使用vue-loader 加載 .vue 結尾的文件
{
test: /\.vue$/,
loader: 'vue-loader',
exclude: /node_moles/
},
// 使用babel 加載 .js 結尾的文件
{
test: /\.js$/,
loader: 'babel',
<很赞哦!(36646)
相关文章
- 01 免費海外代理服務器ip(國內速度快的代理服務器IP)
- 02 西安旅游官方買粉絲(西安旅游必去景點推薦有什么?)
- 01 免費外貿網站建設(建設外貿網站大概多少錢?)
- 02 西方國際貿易理論主要有哪些特點(西方國際貿易理論的特點和不足)
- 01 免費的帶貨視頻(短視頻帶貨怎么做)
- 01 免費海外app store賬號(如何使用Apple ID登陸美國App Store?)
- 02 西南財經大學國際經濟與貿易專業好嗎(西南財經大學的國際經濟與貿易,應用經濟學,理論經濟學,金融學,金融工程哪個最好?有什么區別?)
- 02 西味國際貿易(廣州)有限公司電話(廣州國際酒店設備及用品展的2013廣州國際酒店設備展覽會)
- 01 免費可用ins賬號2023(2023《玩轉杭州一票通》暢享版辦理攻略)
- 01 免費做買粉絲的軟件(常用的買粉絲買粉絲編輯器有哪些)
热门文章
站长推荐
02 要加快轉變外貿發展方式從以貨物貿易為主向貨物(要加快轉變外貿發展方式,從依靠什么向依靠什么轉變)
01 免費海外買粉絲下載安卓版(安卓手機,用哪個買粉絲啊?下載哪個買粉絲)
01 免費做外貿的平臺有哪些(有什么免費的外貿平臺可以有效的做外貿)
02 要素稟賦學說認為產生國際貿易的根本原因(要素稟賦理論的主要內容是什么?)
01 免費機場訂閱分享(機場不能做為ssr的訂閱地址嗎)
01 免費查序列號的買粉絲(怎樣用買粉絲查蘋果序列號)
02 規格 數量 外貿箱單(外貿,裝箱單與實際裝柜數量不一致,海關會查貨嗎?如果真的查貨,要怎么處理?)
01 免費領外賣紅包的買粉絲(哪里可以領到外賣紅包、優惠券?)