您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
07 搭建訂閱轉換網站怎么用別的(如何通過互聯網做生意?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-26 04:06:41【】3人已围观
简介p>//引入依賴模塊varpath=require('path');varwebpack=require('webpack');varExtractTextPlugin
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',
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(買粉絲.cdccg
很赞哦!(333)
相关文章
- 01 外地小孩可以在上海交醫保嗎(上海戶口小朋友在外地讀書,醫保可以網上繳納嗎?)
- 02 中國文化海外推廣方案模板(古都安陽旅游景點推廣策劃方案 安陽幾朝古都)
- 01 外地在上海讀幼兒園什么條件(外地人在上海上幼兒園需要哪些條件)
- 02 中國對外貿易結構變化對能源消費的影響(要素稟賦理論對我國的對外貿易有何指導)
- 02 中國建筑海外項目占比(中國在海外建設項目主要是在哪些國家?為什么他們需要中國的建筑隊伍? 海外工程的特點是什么?)
- 02 中國對外貿易結構優化是指什么(什么是中國出口商品結構)
- 01 外地戶籍上海讀大專(我是外地戶口 在上海中專畢業 可以在上海讀大專嗎?)
- 01 外地戶口嫁給上海人何時能申請上海戶口(外地人嫁給上海人戶口多久能上來?)
- 01 外地應屆生上海租房補貼(外地大學生非應屆畢業生在上海租房 有什么優惠政策和福利)
- 02 中國對外貿易理論(談談中國對外貿易在我國國民經濟中的地位!)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:河南平顶山舞钢市
工作室:小组
Email:[email protected]
热门文章
站长推荐
02 中國對美貿易出口的綠色農產品有哪些(我國農產品出口面臨綠色壁壘的主要原因有哪些)
02 中國建設銀行買粉絲買粉絲綁定銀行卡怎么查不到記錄(建設銀行買粉絲怎么查卡號)
02 中國對外貿易的發展歷程文獻綜述怎么寫(跪求歸于對外貿易發展現狀及對策的文獻綜述)
01 外地大學生可以考上海公務員嗎(上海非本地戶口能否考公務員)
01 外地學生在上海中考需要哪些條件(外地戶口如何在上海中考)
01 外地戶口小孩在珠海上學條件(外地小孩在珠海上小學需要什么條件)
02 中國數字服務貿易的發展策略(數字服務貿易駛入快車道,“紅人”成為新崛起的隱形勢力)
01 外地戶口可以參加上海中考嗎(外地戶口可以在上海參加中考高考嗎?)