02 訂閱轉換服務地址配置錯誤是怎么回事(Vue用webpack搭建的項目遇到的dis買粉絲nnected問題)

p>// 其他解決方案

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）“我的電腦”－“屬性”－“高級”－“性能”－“設置”－“高級”，將虛擬內存值設為物理內存

很赞哦!（8338）