我刚刚在npm上发布了我的第一个包(一个React组件),但我还不太明白`lib`目录和`dist`目录之间的区别。
目前我同时生成了`lib`和`dist`目录,但我的包的“main”指向了使用webpack构建并输出为UMD格式的未压缩js文件的`dist`目录。`lib`目录是使用`babel`从`src`构建而来的。
`dist`目录包含了未压缩/压缩的`.js`和`.css`文件。
我对`lib`目录感到困惑,因为从那里导入的内容目前无法工作,因为我只是将`src -> lib`进行了转换,这意味着`scss`引用仍然存在,并且`scss`文件也没有被转换。
我使用CSS Modules(css-loader、styles-loader、postcss-loader等)来生成CSS文件,这就是混淆的原因,因为既然需要将`scss`文件/引用转换为`css`,那么难道我也不需要使用webpack来生成`lib`目录吗? 你是否应该同时拥有`lib`和`dist`目录?或者说,在`dist`中的UMD构建是否能够完成与`lib`目录相同的任务? 如果确实需要同时拥有`lib`和`dist`目录,我该如何做到这一点呢?因为我找不到任何关于在js文件中使用CSS模块并仍然保持与`src`相同的目录结构(同时生成`dist`)的信息。
目前我同时生成了`lib`和`dist`目录,但我的包的“main”指向了使用webpack构建并输出为UMD格式的未压缩js文件的`dist`目录。`lib`目录是使用`babel`从`src`构建而来的。
`dist`目录包含了未压缩/压缩的`.js`和`.css`文件。
我对`lib`目录感到困惑,因为从那里导入的内容目前无法工作,因为我只是将`src -> lib`进行了转换,这意味着`scss`引用仍然存在,并且`scss`文件也没有被转换。
我使用CSS Modules(css-loader、styles-loader、postcss-loader等)来生成CSS文件,这就是混淆的原因,因为既然需要将`scss`文件/引用转换为`css`,那么难道我也不需要使用webpack来生成`lib`目录吗? 你是否应该同时拥有`lib`和`dist`目录?或者说,在`dist`中的UMD构建是否能够完成与`lib`目录相同的任务? 如果确实需要同时拥有`lib`和`dist`目录,我该如何做到这一点呢?因为我找不到任何关于在js文件中使用CSS模块并仍然保持与`src`相同的目录结构(同时生成`dist`)的信息。