webpack与node服务端渲染同时使用

使用node进行服务端渲染开发的过程中,能不能使用webpack进行打包前端代码,如果可以,
需要进行哪些相关的配置。

webpack.config.js配置文件

const path = require('path')

// const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    mode:'development',
    entry:path.join(__dirname,'./src/main.js'),
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'build.js'
    },
    plugins:[
        // new htmlWebpackPlugin({
        //     template:path.join(__dirname,'./src/index.html'),
        //     filename:'index.html'
        // })
    ],
    module:{
        rules:[
            {test:/\.css$/,use:['style-loader','css-loader']},
            {test:/\.less$/,use:['style-loader','css-loader','less-loader']},
            {test:/\.js$/,use:'babel-loader',exclude:/node_modules/}
        ]
    }
}

node 服务脚本文件

var path = require('path')
var express = require('express')

var server = express()
server.use('/node_modules',express.static(path.join(__dirname,'../node_modules')));
server.engine('html',require('express-art-template'))
server.set('views',path.join(__dirname,'../src'))

var router = express.Router()

router.get('/',function(request,response){
    response.render('index.html')
})
server.use(router)

server.listen('3000',function(){
    console.log('Server is running...')
})
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问