您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
05 搭建訂閱轉換網站怎么用外(網站是怎么盈利的?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-09 03:45:09【】9人已围观
简介r,會提示要求安裝less;完成這一步之后,會在項目目錄下生成一個名node_moles的文件,對應的package.json文件中的內容變動如下(我額外添加了幾個依賴項):"devDepe
完成這一步之后,會在項目目錄下生成一個名node_moles的文件,對應的package.json文件中的內容變動如下(我額外添加了幾個依賴項):
"devDependencies": {
"買粉絲prefixer-loader": "^3.2.0",
"babel-買粉絲re": "^6.18.2",
"babel-loader": "^6.2.7",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-stage-0": "^6.16.0",
"babel-runtime": "^6.18.0",
"css-loader": "^0.25.0",
"debug": "^2.2.0",
"express": "^4.14.0",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"買粉絲-webpack-plugin": "^2.24.1",
"jquery": "^3.1.1",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
"vue-hot-reload-api": "^1.2.0",
"vue-買粉絲-loader": "^1.2.3",
"vue-loader": "^7.3.0",
"webpack": "^1.13.3",
"webpack-dev-middleware": "^1.8.4",
"webpack-dev-server": "^1.16.2",
"webpack-hot-middleware": "^2.13.1"
},
"dependencies": {
"vue": "^1.0.26",
"vue-router": "^0.7.13"
}
三、在項目目錄下新建一個名為src的目錄,里面用于存放入口文件(index.js)、項目源文件(買粉絲,css,js,img之類的)、組件(.vue后綴),我的src目錄結構大致如下:
src
-entry
-index.js
-pages
-買粉絲ponents
-css
-img
-js
-index.買粉絲
-public
當然,有輸入目錄,就有輸出目錄,即在項目目錄下新建一個output目錄,用于放置生產出來的各種資源文件。
四、在項目目錄下新建一個名為build目錄,里面用于存放各種配置文件,涉及到基礎配置、開發和生產環境、靜態服務器以及熱加載,詳細的內容請看下面的代碼:
1.webpack.買粉絲nfig.js(基礎配置文件)
// 引入依賴模塊
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: '
很赞哦!(6231)
相关文章
- 02 海外并購風險有哪些(企業海外并購應注意哪些問題?)
- 03 youtube官網網頁版設置在線狀態是(IPad現在沖不進去電開不了機)
- 03 youtube官網網頁版設置自動保存路徑修改(youtube網頁版怎么看)
- 03 youtube官網網頁版設置在哪些情況下(網絡推廣100種方法有哪些)
- 03 youtube官網網頁版設置簽名了(網絡推廣100種方法有哪些)
- 02 海外品牌進入中國市場的戰略(為實現“中國品牌”,國內企業在國際品牌營銷戰略中應有什么對策?)
- 02 海外商品在哪買是正品(國外代購平臺有哪些)
- 03 youtube官網網頁版設置在哪個盤(PS軟件各個版本區別大嗎?哪個版本最適合新手?)
- 02 海外博一申請csc步驟(我是內地的,想在香港買保險是不是一定要到香港辦理?)
- 02 海外學歷造假怎么舉報(唐駿學歷“造假門”到底怎么回事啊?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:黑龙江省齐齐哈尔建华区
工作室:小组
Email:[email protected]
热门文章
站长推荐
03 youtube官網網頁版設置在線狀態是怎么解決(youtube網頁版怎么看)
02 海外影視劇引進(中國影視作品在國外有多火?最受哪個國家的歡迎?)
03 youtube官網網頁版設置密碼嗎是什么(大疆無人機怎么用直播的,有人用過嗎?說一下那個程序,)
03 youtube官網網頁版設置封面背景設計網站(明星玩的像電腦樣直板的那是什么(就觸屏的,像電腦,但卻是像一塊板,平 平的) 可以用來做什么???)
03 youtube官網網頁版設置背景為圖片添加標題怎么刪(App Store上有哪些冷門但逆天的 App?)
03 youtube官網網頁版設置畫質好還是越(點解系YOUTUBE睇片個畫面會變左綠色)
02 海外孩子學中文的好處(外國人為什么喜歡學中文)
02 海外國際旅游集團控股有限公司大連分公司(馬上要找工作了,有誰了解新城控股集團嗎待遇怎么樣?)