beauroberts ( Beau Roberts )

commit sha 10da0b767c19668f7598f9039f18ff7a0f208a20

Remove trailing whitespace

commit sha bed8c5f2ca584946f12805cc6dabbd46af7d8c86

Support at-rules in Typescript

push time in 19 days

push eventjohanholmerin/style9

commit sha 10da0b767c19668f7598f9039f18ff7a0f208a20

Remove trailing whitespace

push time in 19 days

create barnchjohanholmerin/style9

branch : atrules-ts42

created branch time in 19 days

issue closedjohanholmerin/style9

I know that this is not the ideal place for this... I'm having trouble running a webpack with babel-loader. Would you have a more complete example of a configured webpack? I was not successful, following the documentation.

My webpack:

module.exports = (env = { NODE_ENV: 'development' }) => {
  const prod = env.NODE_ENV === 'production';

  // eslint-disable-next-line no-console
  console.log(`MODE: ${prod ? 'PRODUCTION' : 'DEVELOPMENT'}`);

  return {
    entry: './src/index.tsx',
    output: {
      filename: '[name].[chunkhash].js',
      path: path.resolve(__dirname, 'dist'),
    },
    mode: prod ? 'production' : 'development',
    devtool: 'source-map',
    ...(prod
      ? {}
      : { devServer: { historyApiFallback: true, hot: true, hotOnly: true } }),
    plugins: [
      // HTML Template
      new HtmlWebpackPlugin({ template: './index.html' }),
      new Style9Plugin(),
      new MiniCssExtractPlugin(),
    ].filter(Boolean),
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
    },
    module: {
      rules: [
        {
          test: /\.([tj])sx?$/,
          use: [
            Style9Plugin.loader,
            {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', { targets: 'last 1 chrome version' }],
                  [
                    '@babel/preset-react',
                    {
                      // Removes the need to import React into JSX files
                      runtime: 'automatic',
                    },
                  ],
                  '@babel/preset-typescript',
                ],
                plugins: [
                  // Fast Refresh
                  !prod && require.resolve('react-refresh/babel'),
                ].filter(Boolean),
                cacheDirectory: true,
              },
            },
          ],
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, 'css-loader'],
        },
        {
          test: /\.(png|jpe?g|gif|woff2?|eot|otf|webp)$/i,
          use: 'file-loader',
        },
      ],
    },
  };
};

Error:

Captura de Tela 2020-12-28 às 22 30 14

closed time in 22 days

rodrigojcmello

issue commentjohanholmerin/style9

Was caused by incompatibility with Webpack 5. It should be fixed in 0.5.9.

rodrigojcmello

comment created time in 22 days

delete branch johanholmerin/style9

delete branch : webpack5

delete time in 22 days

push eventjohanholmerin/style9

commit sha 0b9b9ca4a6bd3ad1d5ca111ea9011399cb7aabf7

Upgrade webpack-virtual-modules

commit sha a0efb4dd4f974f9272f5b6b04c338ac96991294f

Add loader-utils

commit sha c32a20195c91f09746295447469a88efb307667b

Ensure chunks and files are arrays

commit sha 8c985bc2edd109c20c3e05dc4bf2893eb7c66452

0.5.9

push time in 22 days

created tagjohanholmerin/style9

tag0.5.9

CSS-in-JS compiler inspired by Facebook's stylex

created time in 22 days

create barnchjohanholmerin/style9

branch : webpack5

created branch time in 22 days

issue commentjohanholmerin/style9

repo: https://github.com/rodrigojcmello/style9-webpack

I disabled the style9 settings in the webpack just to make the application run. I also commented on the use in "src / components / Button / index.tsx"

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

just for the record, i just tested running with npm 7 instead of yarn, and the error changed. Now I will generate a repo.

Captura de Tela 2020-12-29 às 08 52 08

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

sure

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Could you create a repo with the issue?

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

node 15.5.0 / npm 7.3.0 yarn 2.4.0

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

It seems that the issue is flatMap not existing. Which version of node are you using?

rodrigojcmello

comment created time in 22 days

issue openedjohanholmerin/style9

Webpack Exemple

I know that this is not the ideal place for this... I'm having trouble running a webpack with babel-loader. Would you have a more complete example of a configured webpack? I was not successful, following the documentation.

My webpack:

module.exports = (env = { NODE_ENV: 'development' }) => {
  const prod = env.NODE_ENV === 'production';

  // eslint-disable-next-line no-console
  console.log(`MODE: ${prod ? 'PRODUCTION' : 'DEVELOPMENT'}`);

  return {
    entry: './src/index.tsx',
    output: {
      filename: '[name].[chunkhash].js',
      path: path.resolve(__dirname, 'dist'),
    },
    mode: prod ? 'production' : 'development',
    devtool: 'source-map',
    ...(prod
      ? {}
      : { devServer: { historyApiFallback: true, hot: true, hotOnly: true } }),
    plugins: [
      // HTML Template
      new HtmlWebpackPlugin({ template: './index.html' }),
      new Style9Plugin(),
      new MiniCssExtractPlugin(),
    ].filter(Boolean),
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
    },
    module: {
      rules: [
        {
          test: /\.([tj])sx?$/,
          use: [
            Style9Plugin.loader,
            {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', { targets: 'last 1 chrome version' }],
                  [
                    '@babel/preset-react',
                    {
                      // Removes the need to import React into JSX files
                      runtime: 'automatic',
                    },
                  ],
                  '@babel/preset-typescript',
                ],
                plugins: [
                  // Fast Refresh
                  !prod && require.resolve('react-refresh/babel'),
                ].filter(Boolean),
                cacheDirectory: true,
              },
            },
          ],
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, 'css-loader'],
        },
        {
          test: /\.(png|jpe?g|gif|woff2?|eot|otf|webp)$/i,
          use: 'file-loader',
        },
      ],
    },
  };
};

Error:

Captura de Tela 2020-12-28 às 22 30 14

created time in 23 days

created tagjohanholmerin/style9

tag0.5.8

CSS-in-JS compiler inspired by Facebook's stylex

created time in a month

push eventjohanholmerin/style9

commit sha 2927356515ce9d238f2d1358d3b2b0250c792fae

0.5.8

push time in a month

push eventjohanholmerin/style9

Ben Southgate

commit sha 49e87878c80a99868ce20a1895d042a7bb503fbc

Add cursor properties (#18)