webpack 'unsafe-eval'
dima19972525 opened this issue · 0 comments
dima19972525 commented
Hi. I'm trying to use @react-pdf/styled-components but i always get an error (on screenshot)
My webpack.config:
const path = require('path');
module.exports = (webpackConfigEnv) => {
return {
entry: path.join(
__dirname,
`./src/build.js`
),
output: {
path: path.join(__dirname, 'build'),
filename: 'index.js',
publicPath: '/',
libraryTarget: "system",
},
module: {
rules: [
{
parser: {
system: false,
},
},
{
test: /\.(js|ts)x?$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
},
},
{
// include: /node_modules/,
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
{
test: /\.s[ac]ss$/i,
use: [
// Creates `style` nodes from JS strings
'style-loader',
// Translates CSS into CommonJS
'css-loader',
// Compiles Sass to CSS
'sass-loader',
],
},
],
},
externals: ["single-spa", 'react', 'react-dom'],
resolve: {
modules: ['node_modules'],
},
};
};
.babelrc
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": [
"babel-plugin-styled-components",
"@babel/plugin-proposal-class-properties",
[
"@babel/plugin-transform-runtime",
{
"useESModules": true,
"regenerator": false
}
],
]
}
Could you help me with this? Thank you in advance.