'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。
網站盈利模式主要包括三種:一是賣廣告,二是賣產品,三是賣服務
但是這樣說顯得太籠統了
一、賣廣告廣告幾乎是大部分網站尤其是中小型網站的生存法寶
按性質來劃分的話,主要分為兩種:一種是廣告商直投,另一種則是通過廣告聯盟進行投放
前者比較好理解,廣告商直投就是你做的一個網站,在某一區域或某一領域頗有名氣了,吸引了一個廣告商,他覺得在你網上掛廣告可以提高他的相關知名度,從而也能為他帶來利益提升
于是他便找到你,給你一定數額的費用,選擇按周投放,或者按月投放
當然按季度或按年投放,也是有可能的
這就取決于你的網站的影響力了
接下來重點說一說通過廣告聯盟來賺錢的方式
其實廣告聯盟只是一個第三方平臺,它的出現主要是為了省卻廣告主與網站主之間的溝通成本,對于廣告主來說,只要定義好自己的投放規則,其他事情則全交由廣告聯盟商搞定;而對于網站主來說,也不必再那么辛苦地去找廣告商來投放廣告了,而直接找廣告聯盟商申請相關的廣告就行了
正因有了第三方平臺,廣告主和網站主都省卻了不少的事情
值得一提的是,廣告聯盟商提供的廣告類型主要有以下幾種:1)
彈窗廣告(Cost Per Popup,簡稱CPP):以24個小時1000個唯一彈出窗口ip為準,即當用戶訪問網站主站點的時候,網站主站點自動將廣告主的站點指定宣傳頁面彈出來
彈窗功能有直彈(進入站點即彈出宣傳頁面)、延時彈窗(訪問者進入后,延遲幾秒后彈出宣傳頁面)、背投、顯示彈窗等廣告模式
模式特點:此模式的主要優勢是能快速地拉升網站的alexa排名,并且給訪問者一定的印象數,價格也相對實惠
2)
點擊廣告(Cost Per Click,簡稱CPC):將廣告圖片以各種方式投放到網站主站點上面去,當訪問者對廣告圖片產生興趣并點擊了才計算費用
點擊以24個小時唯一點擊IP計算,同一個用戶重復點擊算一個IP
模式特點:是一種對訪問者干擾最少,但給訪問者留下印象最深的類型
訪問的有效率很高,一般點擊過來的用戶基本都是感興趣用戶
3)
顯示廣告(Cost Per Mille,簡稱CPM):是一種按照實際廣告顯示量來計費的廣告模式,即當用戶訪問了網站主站點,廣告主的廣告就被展示出來,此廣告就按此收費
此類廣告模式一般適合品牌性產
2024-07-18 13:38
2024-07-18 13:14
2024-07-18 13:10
2024-07-18 12:41
2024-07-18 12:10
2024-07-18 10:59