国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

node.js - 請教學長們,用webpack服務器在開發模式下打包出來的東西怎么給express服務器用???

瀏覽:132日期:2023-08-28 16:21:17

問題描述

才學了express之類的技術棧,想開發一個具有博客類似功能的東西。做之前都在想,webpack在開發模式下,打包的資源會默認在webpack服務器端口下,而express的所需要的資源默認在3000端口下,今天嘗試了一下,開發模式下不知道怎么把打包的資源供express服務器使用。。。如下圖所示:

??????首先是webpack配置部分:

var path=require(’path’);var webpack=require(’webpack’);var ExtractTextPlugin = require('extract-text-webpack-plugin'); var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');module.exports={ devtool: ’eval-source-map’, entry: {index: [ ’webpack-hot-middleware/client’, ’./public/javascripts/entry.js’],vendor: [’react’, ’jquery’] }, output:{path: path.resolve(__dirname,’./build’),filename:’bundle.js’,publicPath: ’views’ }, module: {loaders: [ {test: /.js?$/,exclude: /node_modules/,loader: ’babel-loader’,query: { presets:[’es2015’, ’stage-0’, ’react’], plugins: [[’import’, {libraryName: ’antd’, style: ’css’}] ]} }, {test: /.css$/, loader: ExtractTextPlugin.extract({ fallback: ’style-loader’, use: ’css-loader’}) }, {test: /.scss$/, loader: ExtractTextPlugin.extract({ fallback: ’style-loader’, use: ’css-loader!sass-loader’}) }, { test: /.(png|jpg)$/, loader: ’url-loader?limit=8192’ }] }, plugins: [new webpack.optimize.OccurrenceOrderPlugin(), new webpack.HotModuleReplacementPlugin(),new ExtractTextPlugin(’style.css’),new CommonsChunkPlugin({ name: ’vendor’, filename: ’vendor.js’}) ]}

然后我寫了個測試的小功能,就是頁面渲染個按鈕,點擊后彈出信息,這是在webpack服務器默認的8080端口下訪問到的:node.js - 請教學長們,用webpack服務器在開發模式下打包出來的東西怎么給express服務器用???

然而,在express服務器8181端口下,什么也沒有node.js - 請教學長們,用webpack服務器在開發模式下打包出來的東西怎么給express服務器用???

也就是說,style.css、 vendor.js、 bundle.js都在webpack的8080端口下。以下是項目目錄、服務器文件部分和index.htmlnode.js - 請教學長們,用webpack服務器在開發模式下打包出來的東西怎么給express服務器用???

問題解答

回答1:

咦,我的名字帶學長,我也來答答。有人說了解決方案,我來說說為什么。

webpack在開發模式下,打包的資源會默認在webpack服務器端口下

根據你描述的開發模式,應該不是編譯打包(build),估計是npm run dev。這時候并沒有真正編譯出文件,而是保存在了內存中。所以你的views目錄下,其實并沒有真正的文件。

這種情況下,你的express壓根就找不到文件。

回答2:

你需要express中間件:webpack-dev-middleware如果需要熱更新的話,還有另一個:webpack-hot-middleware

標簽: web
主站蜘蛛池模板: 日韩在线观看中文字幕 | 中文字幕在线免费观看 | 成人资源在线 | 亚洲男人在线天堂 | 精品久久香蕉国产线看观看亚洲 | 男女午夜 | 欧美成人精品欧美一级乱黄 | 九九在线偷拍视频在线播放 | 亚洲欧洲日本天天堂在线观看 | 国产精品爱久久久久久久小 | 丝袜美腿在线不卡视频播放 | 欧美一级xxxx俄罗斯一级 | 国产精品久久久免费视频 | 久久综合伊人77777 | 91福利网 | 天堂影院jav成人天堂免费观看 | 精品国产看高清国产毛片 | 欧美一区二区在线观看视频 | 欧美一区a| 久久88香港三级 | 国产精品中文字幕在线观看 | 青青操在线视频 | 亚洲加勒比在线 | 久久这里只有精品免费播放 | 成人中文在线 | 国产精品欧美亚洲韩国日本 | 中文字幕在线日韩 | 波多野结衣在线观看3人 | 久久www免费人成_看片高清 | 一区二区三区在线观看免费 | 看性过程三级视频在线观看 | jizzjizz成熟丰满舒服 | 日韩日韩日韩手机看片自拍 | 91福利国产在线观一区二区 | 国内精品一区二区2021在线 | 精品免费久久久久久久 | 欧美全免费aaaaaa特黄在线 | 全部在线美女网站免费观看 | 国产精品国产三级国产an | 免费在线亚洲视频 | 国产超薄肉色丝袜足j |