Javascript CSS未正确插入到网页包包包中 我正在使用webpack将reactjs应用程序捆绑到生产环境中 我已经成功地建立了该项目,该网站正在正常工作 我正在使用ExtractText插件将我的css文件转换为一个包,样式加载器和css加载器 问题是,在浏览器上呈现时,html头中有很多额外的样式表声明,而不是一个bundle.min.css 为什么会发生这种情况?这可能是因为一些css在js中内联了吗?我们还有其他依赖项目的css链接。是否也可以提取文本插件捆绑包,或者这可能是原因

Javascript CSS未正确插入到网页包包包中 我正在使用webpack将reactjs应用程序捆绑到生产环境中 我已经成功地建立了该项目,该网站正在正常工作 我正在使用ExtractText插件将我的css文件转换为一个包,样式加载器和css加载器 问题是,在浏览器上呈现时,html头中有很多额外的样式表声明,而不是一个bundle.min.css 为什么会发生这种情况?这可能是因为一些css在js中内联了吗?我们还有其他依赖项目的css链接。是否也可以提取文本插件捆绑包,或者这可能是原因,javascript,html,css,reactjs,webpack,Javascript,Html,Css,Reactjs,Webpack,配置文件如下所示 const path=require('path'); const HtmlWebpackPlugin=require('html-webpack-plugin'); const merge=require('webpack-merge'); const validate=require('webpack-validator'); 常量部分=需要('./libs/parts'); 常量路径={ app:path.join(uu dirname,'src/client/ind

  • 配置文件如下所示
const path=require('path');
const HtmlWebpackPlugin=require('html-webpack-plugin');
const merge=require('webpack-merge');
const validate=require('webpack-validator');
常量部分=需要('./libs/parts');
常量路径={
app:path.join(uu dirname,'src/client/index.tsx'),
build:path.join(uu dirname,'build'),
代码路径:path.join(uu dirname,'src'))
};
常数公共={
条目:{
app:path.app
},
输出:{
path:path.build,
文件名:“bundle.js”
},
插件:[
新HtmlWebpackPlugin({
模板:path.resolve(uu dirname,'src/client/index.html'),
注射:“身体”
})
],
决心:{
根:[path.resolve('./src')],
扩展名:[''''''.jsx'、'.js'、'.tsx'、'.ts']
},
邮政编码:[
需要('autoprefixer')
]
};
var配置;
切换(process.env.npm\u lifecycle\u事件){
案例“构建”:
配置=合并(
普通的,
parts.BabeltTransfile(路径.代码路径),
零件.setupCSS(路径.codepath),
零件。无设置(路径。代码路径),
parts.minify()
);
打破
违约:
配置=合并(
普通的,
parts.BabeltTransfile(路径.代码路径),
//零件.setupCSS(路径.codepath),
//零件。无设置(路径。代码路径),
parts.setFreeVariable(
'process.env.NODE_env',
“生产”
),
parts.minify(),
parts.extractCSS(路径.代码路径),
parts.extractLESS(路径.代码路径)
)
}
module.exports=验证(配置)