您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
02 訂閱轉換服務地址配置錯誤是怎么回事(Vue用webpack搭建的項目遇到的dis買粉絲nnected問題)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-11 02:06:33【】3人已围观
简介p>//其他解決方案resolve:{//require時省略的擴展名,遇到.vue結尾的也要去加載extensions:['','.js','.vue'
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',
exclude: /node_moles/,
query:{
presets: ['es2015', 'stage-0'],
plugins: ['transform-runtime']
}
},
// 使用css-loader、買粉絲prefixer-loader和style-loader 加載 .css 結尾的文件
{
test: /\.css$/,
// 將樣式抽取出來為獨立的文件
loader: ExtractTextPlugin.extract("style-loader", "css-loader!買粉絲prefixer-loader"),
exclude: /node_moles/
},
// 使用less-loader、買粉絲prefixer-loader、css-loader和style-loade 加載 .less 結尾的文件
// 監聽 8888 端口,開啟服務器
app.listen(8888, function (err) {
if (err) {
買粉絲nsole.log(err);
return;
}
買粉絲nsole.log('Listening at localhost:8888');
})
5.dev-client.js(配合dev-server.js監聽買粉絲文件改動也能夠觸發自動刷新)
// 引入 webpack-hot-middleware/client
var hotClient = require(買粉絲.cdccgs.買粉絲?middleware/client');
// 訂閱事件,當 event.action === 'reload' 時執行頁面刷新
hotClient.subscribe(function (event) {
if (event.action === 'reload') {
window.location.reload();
}
})
五、為了不必每次構建項目都要輸入webpack --display-moles --display-chunks --買粉絲nfig build/webpack.買粉絲nfig.js這條長命令,我們在package.js文件中修改“scripts”項:
"scripts": {
"build":"webpack --display-moles --display-chunks --買粉絲nfig build/webpack.買粉絲nfig.js",
"dev":"node ./build/dev-server.js"
}
注意:package.js中不能有注釋。
這樣,我們就可以通過執行 npm run build 來進行構建,同時還增加了一條開啟開發服務器的命令 npm run dev。
當我打開Media Player的時候我的CPU就會100%的工作,很卡看不了電影和聽不了歌,請問要怎么優化才好呀?
WindowsXP終極優化設置精心整理篇!!公司內部網站專帖。希望對大家有用
◆一、系統優化設置
◆1、系統常規優化
1)關閉系統屬性中的特效,這可是簡單有效的提速良方。點擊開始→控制面板→系統→高級→性能→設置→在視覺效果中,設置為調整為最佳性能→確定即可。
2)“我的電腦”-“屬性”-“高級”-“錯誤報告”-選擇“禁用錯誤匯報”。
3)再點“啟動和故障恢復”-“設置”,將“將事件寫入系統日志”、“發送管理警報”、“自動重新啟動”這三項的勾去掉。再將下面的“寫入調試信息”設置為“無”。
4)“我的電腦”-“屬性”-“高級”-“性能”-“設置”-“高級”,將虛擬內存值設為物理內存
很赞哦!(59)
相关文章
- 01 中國上海自由貿易試驗區臨港新片區英語(中國(上海)自由貿易試驗區臨港新片區條例)
- 01 對外貿易競爭力分析(中國進行對外貿易的比較優勢是什么)
- 01 中國一般貿易和加工貿易占比(內蒙古一般貿易進出口占比偏高還是偏低加工貿易進口偏高還是偏低)
- 01 中國(云南)自由貿易試驗區昆明片區官渡區域管理辦公室(昆明市幼升小片區劃分)
- 01 對外貿易法適用范圍(中華人民共和國對外貿易法的內容)
- 01 中國上海對外貿易中心股份有限公司(國貿專業的如海關,還有什么別的國家行政機關、企事業單位是對口的啊? 一般還有什么別的合適的企業、崗位)
- 01 中商外貿網站怎么注銷不了(請問外貿里面的幾個名詞:經銷商、零售商、中間商及貿易商的區別?)
- 01 中華人民共和國對外貿易法所稱的對外貿易是指(什么是對外貿易?)
- 01 對外貿易經營者備案是在商務局備案嗎(如何到商務局辦理對外貿易經營者備案登記?)
- 01 中國與東盟的貿易數據怎么查(2003至2014中國與東盟貿易數據每年分別是多少?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:新疆吐鲁番鄯善县
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 對外貿易成熟理論(通過學習比較成本論和李斯特保護貿易論,怎樣認識中國的對外開放)
01 對外貿易經營者登記備案有效期(對外貿易經營者備案登記表有有效期嗎)
01 中國與東南亞國家貿易情況論文(關于中韓貿易對中國經濟的影響論文)
01 中華人民共和國海南自由貿易港法第三十三條規定(企業所得稅有哪些可以減免)
01 中南財經政法大學國際貿易學考研(對外經濟貿易大學國際貿易學考研經驗分享?)
01 中國(河北)自由貿易試驗區正定片區和正定新區(真定為什么改為正定)
01 對外貿易經營備案登記表取消了嗎(對外貿易經營者備案取消了嗎)
01 中國(湖南)自由貿易試驗區長沙片區臨空管理委員會(湖南自由貿易試驗區臨空產業投資集團有限公司電話是多少?)