gpt4 book ai didi

css - Webpack 落在@-webkit-keyframes 通过

转载 作者:行者123 更新时间:2023-11-28 16:17:04 29 4
gpt4 key购买 nike

我对来自 https://github.com/felixrieseberg/React-Dropzone-Component 的 Webpack 和 React dropzone 插件有疑问

我使用 webpack 和 gulp

我的 Webpack 配置:

gulp.src('app/scripts/main.js')
.pipe($.webpack({
loaders: [
'jsx-loader',
{
test: /\.css$/,
loader:'style-loader!css-loader!postcss-loader!'
}
],
resolve: {
root: path.resolve('./app/scripts/'),
extensions: ['', '.js', '.jsx']
},
externals: {
'react': 'React'
},
plugins: [
new BowerWebpackPlugin({
modulesDirectories: ["bower_components"],
manifestFiles: "bower.json",
includes: /.*/,
excludes: [],
searchResolveModulesDirectories: true
})
]
}))

css文件的第一行:

@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
...

错误:

    ERROR in ./~/dropzone/dist/min/dropzone.min.css
Module parse failed: /test/node_modules/dropzone/dist/min/dropzone.min.css Line 5: Unexpected token ILLEGAL
You may need an appropriate loader to handle this file type.
| * Copyright (c) ...
| */
| @-webkit-keyframes passing-through {
| 0% {
| opacity: 0;
@ dropzone (bower component) 1:0-38

我认为这是因为在 css 中我有 @-webkit-keyframes。但是我应该怎么办呢?对于这种情况,我找不到任何有用的加载器。

最佳答案

我找到了解决方案:

module: {
loaders: [
{
test: /\.css$/,
loader: 'style-loader!css-loader'
}
]
},

所以,问题出在 module 部分。我错过了。

还必须添加如下:

require('es6-promise').polyfill();

关于css - Webpack 落在@-webkit-keyframes 通过,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37457312/

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