正式环境并没有引用打包好的css

Question

控制台没报错，console也没报错，目录也该了public，最有可能是问题出在哪里？
app.use(staticRouter.routes()).use(staticRouter.allowedMethods())
let pageRouter
if (isDev) {
pageRouter = require(’./routers/dev-ssr’)
// pageRouter = require(’./routers/dev-ssr-no-bundle’)
}else {
pageRouter = require(’./routers/ssr’)
}

Answer 1

提问者 慕容0400149 2019-09-24 12:37:43

浏览器没引入css,js，错误的路径也没有，所以现在无从下手

Answer 2

Jokcy 2019-09-18 21:27:43

具体表现是什么？你有单独的css文件打包出来么？

• 提问者 慕容0400149 #1

  页面样式没有起作用，public中有打包出来的css文件，我用的是webpack4，

• Jokcy 回复 提问者 慕容0400149 #2

  你的webpack配置是怎么样的。正式环境应该会有单独的css文件。webpack4需要配置mini-css-extract-plugin

• 提问者 慕容0400149 回复 Jokcy #3

  {
          test:/\.styl/,
             use:[
              MiniCssExtractPlugin.loader,
                 'css-loader',
                 {
                     loader:'postcss-loader',
                     options:{
                      sourceMap:true
                 }
                 },
                 'stylus-loader'
             ]
  
      }
  
  plugins:[
      new MiniCssExtractPlugin({
        filename:'styles.[contentHash:8].css'
    }),
  
  "start": "cross-env NODE_ENV=production node server/server.js"
  启动npm start,访问3333端口，页面上js,css都没加载上，

点开查看后面5条评论