gpt4 book ai didi

reactjs - react 风格的组件在生产中不起作用

转载 作者:行者123 更新时间:2023-12-03 14:16:26 27 4
gpt4 key购买 nike

我已经能够在 webpack 开发服务器上使用样式组件,没有任何问题,但是在使用 webpack -p --progress --colors 构建生产项目时,样式没有被添加或运行 webpack -d --progress --colors --watch

生产中添加的唯一样式是空样式

<style data-styled="" data-styled-version="4.4.1"></style>

在 webpack.config.js 中,我有以下针对开发和生产运行的规则:

module: {
rules: [
{
test: /\.js?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015', 'stage-0'],
plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
}
},
]

},

插件,注意 debug 用于判断是否是生产版本

 plugins: debug ? [
new HtmlWebpackPlugin({
template: path.resolve(__dirname, 'template.html')
})
] : [
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production"),
},
}),
new CleanWebpackPlugin(),
new webpack.optimize.OccurrenceOrderPlugin(),
new UglifyJsPlugin(),
new HtmlWebpackPlugin({
template: path.resolve(__dirname, 'template.html')
})
],

开发服务器设置:

devServer: {
contentBase: BUILD_DIR,
historyApiFallback: true,
watchContentBase: true,
port: 9000
},

最佳答案

您是否有使用 createGlobalStyle 创建的包含 css @import 的全局样式?从我的网站删除导入刚刚解决了我的问题。 (听起来像是同一个问题)。

https://github.com/styled-components/styled-components/issues/2911#issuecomment-592012166

关于reactjs - react 风格的组件在生产中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59894200/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com