国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
主站蜘蛛池模板: 亚洲欧美日韩精品久久亚洲区 | 国产99久9在线视频 国产99久久 | 国产成人久久精品一区二区三区 | 国内成人精品亚洲日本语音 | 美国一级免费 | 中文字幕免费在线视频 | 99久在线精品99re6视频 | 涩涩国产精品福利在线观看 | 亚洲福利视频一区二区三区 | 亚洲成人免费网站 | 全国男人的天堂天堂网 | 日韩国产免费一区二区三区 | 男女午夜性爽快免费视频不卡 | 亚洲加勒比久久88色综合1 | 亚洲欧美日本综合 | 成人18视频在线观看 | 日韩视频观看 | 欧美一级看片免费观看视频在线 | 国产三级精品三级 | 亚洲精品久久一区影院 | 中文字幕在线看视频一区二区三区 | 久久一区视频 | 国产精品永久在线 | 奇米888四色在线精品 | videos欧美丰满肥婆 | 欧美精品色精品一区二区三区 | 国产黄色a三级三级三级 | 国产乱淫视频 | 国产免费亚洲 | 在线中文字幕亚洲 | 日韩欧美一区二区三区在线观看 | 一本色道久久88亚洲综合 | 国产亚洲欧洲一区二区三区 | 日韩无砖专区体验区 | 成人在线亚洲 | 国产亚洲欧美久久精品 | 国产亚洲精品久久 | 国产性自拍 | 亚洲精品高清国产麻豆专区 | 免看一级a毛片一片成人不卡 | 一本色道久久88加勒比—综合 |