Commitfb0dd7c

committed

configure storybook with emotion

1 parent7f275bf commitfb0dd7cCopy full SHA for fb0dd7c

File tree

+2421

-680

lines changed

+2421

-680

lines changed

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,8 @@ module.exports = {`
`15`	`15`	`'@typescript-eslint/no-explicit-any':'off',`
`16`	`16`	`'@typescript-eslint/ban-ts-ignore':'off',`
`17`	`17`	`'@typescript-eslint/no-unused-vars':'off',`
`18`		`-'@typescript-eslint/camelcase':'off',`
	`18`	`+'@typescript-eslint/camelcase':'off',`
	`19`	`+'react/forbid-component-props':[1,{forbid:['style']}],`
	`20`	`+'react/forbid-dom-props':[1,{forbid:['style']}],`
`19`	`21`	`},`
`20`		`-};`
	`22`	`+}`

Lines changed: 0 additions & 12 deletions

This file was deleted.

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import{configure}from'@storybook/react'`
`2`		`-import'../src/styles/index.css'`
	`2`	`+//import '../src/styles/index.css'`
`3`	`3`
`4`	`4`	`// setup acquireVsCodeApi mock`
`5`	`5`	`//@ts-ignore`

Lines changed: 15 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,20 +1,33 @@`
`1`	`1`	`constpath=require('path')`
	`2`	`+constMiniCssExtractPlugin=require('mini-css-extract-plugin')`
`2`	`3`
`3`	`4`	`// see typescript setup`
`4`	`5`	`// https://storybook.js.org/docs/configurations/typescript-config/`
`5`	`6`	`module.exports=({ config})=>{`
`6`	`7`	`config.module.rules.push({`
`7`	`8`	`test:/\.scss$/,`
`8`		`-use:['style-loader','css-loader','sass-loader'],`
	`9`	`+use:[MiniCssExtractPlugin.loader,'css-loader','sass-loader'],`
`9`	`10`	`include:path.resolve(__dirname,'../'),`
`10`	`11`	`})`
`11`	`12`	`config.module.rules.push({`
`12`	`13`	`test:/\.(ts\|tsx)$/,`
`13`	`14`	`loader:require.resolve('babel-loader'),`
`14`	`15`	`options:{`
`15`		`-presets:[['react-app',{flow:false,typescript:true}]],`
	`16`	`+plugins:[`
	`17`	`+[`
	`18`	`+'babel-plugin-import',`
	`19`	`+{`
	`20`	`+libraryName:'@alifd/next',`
	`21`	`+style:true,`
	`22`	`+},`
	`23`	`+],`
	`24`	`+],`
	`25`	`+presets:[['react-app',{flow:false,typescript:true}],['@emotion/babel-preset-css-prop']],`
`16`	`26`	`},`
`17`	`27`	`})`
	`28`	`+`
	`29`	`+config.plugins.push(newMiniCssExtractPlugin({filename:'[name].css'}))`
	`30`	`+`
`18`	`31`	`config.resolve.extensions.push('.ts','.tsx')`
`19`	`32`
`20`	`33`	`config.resolve.modules=['node_modules',path.resolve(__dirname,'../src')]`

Comments

(0)