>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。
網絡推廣方法
搜索引擎優化是中小企業最常見的一種推廣方式之一，主要是通過搜索引擎的排名來提高網站的最大程度曝光率，從而提升網站的流量，來實現互聯網的銷售。當然對于中小企業來說更傾向于用戶的體驗化，也就是常規說到的SEO。
推廣方式
推廣工具
單一網絡營銷軟件：也就是我們常說的第三代資源類營銷軟件，這類軟件通過只針對特定的平臺而具備特定的功能，像我們常見的論壇營銷軟件，博客營銷軟件，郵件營銷軟件等，這類營銷軟件效果有一點，但是由于功能單一，信息覆蓋面不廣，往往效果并不明顯。
多方位網絡營銷軟件：也就是我們常說的第四代營銷軟件。將多種有效營銷方式組合到一套軟件中，優勢結合，只需簡單操作就能實現多方位的網絡營銷效果。這類軟件信息覆蓋面廣，操作簡單管理方便而且效果特別顯著。
網站廣告
在網站上做Banner、Flash廣告推廣，是一種傳統的網絡推廣方式。此類廣告，宣傳目標人群面比較廣，不像搜索競價那樣能鎖定潛在目標客戶群。網站廣告是國內眾多門戶網站主要贏利的網絡營銷方式之一。
搜索競價
搜索競價是廣泛使用的推廣方式，備受中小企業青睞。通過把詞義與目標客戶群的距離拉得更近，搜索引擎服務商常愛向廣告主吹噓，他們是做精準營銷的，但到底精確與否，最后還得靠自己去判斷。 搜索競價的網絡營銷方法，初期的推廣費用不是很高，大多企業都能夠買得起帳，而且具有有一定的精準程度可言。這也是為什么Google、百度等搜索引擎服務商能大把賺到鈔票的原因。
PPC
(Pay Per Click點擊付費廣告)
點擊付費廣告對于企業來說很大一部分采用了這種按照實際點擊來付費的廣告形式，最主要的目的是得到最核心客戶的點擊，常規網站比較常見的有百度、谷歌、搜狐、騰訊、雅虎等等，居多一些當然也有一些電子商務網站采用了該推廣模式，最大的優勢就是把每一分都花在了刀刃之中。
B2B平臺推廣
B2B電子商務平臺在對于中小企業來說也是屬于比較火的一種推廣方式，因為能夠很直接的對產品實現傳