Npm 尝试使用tailwind获得一个简单的网页包构建，获得未知单词错误

我正在尝试让tailwindcss与webpack一起工作

当前，我在运行npx webpack时遇到以下错误：

ERROR in ./src/index.js
Module build failed (from ./node_modules/postcss-loader/src/index.js):
SyntaxError

(2:3) Unknown word

  1 | function hello(){
> 2 |   console.log('hi');
    |   ^
  3 | }
  4 | 

package.json

{
“名称”：“空白”，
“版本”：“1.0.0”，
“许可证”：“麻省理工学院”，
“私人”：没错，
“脚本”：{
“测试”：“echo\“未指定测试”&&exit 1“，
“生成”：“网页包”
},
“依赖项”：{
“tailwindcss”：“^1.4.6”
},
“依赖性”：{
“css加载器”：“^3.5.3”，
“邮政编码”：“^7.0.32”，
“邮政编码加载器”：“^3.0.0”，
“样式加载器”：“^1.2.1”，
“网页包”：“^4.43.0”，
“网页包cli”：“^3.3.11”
}
}

webpack.config.js

const path=require（'path'）；
module.exports={
条目：'./src/index.js'，
输出：{
path:path.resolve（uu dirname，'dist'），
文件名：“bundle.js”
},
模块：{
规则：[{
// ...
使用：[
// ...
{
加载器：“postss加载器”，
选项：{
标识：'邮政编码'，
插件：[
require（'tailwindcss'），
需要（'autoprefixer'），
],
},
},
],
}],
}
}

tailwind.config.js

module.exports={
清除：[]，
主题：{
扩展：{}，
},
变体：{}，
插件：[]，
}

src/index.html

开始
你好

src/index.js

函数hello（）{ console.log（'hi'）； } src/styles.css

/*src/styles.css*/
@顺风基地；
@顺风组件；
@顺风公用事业；

---

另外，如何引用index.html文件中的styles.css？构建后我必须从/dist文件夹中获取它吗？

您首先从本页的示例中复制了webpack.config.js，看看webpack是如何工作的，因为这个文件

/…

他不是凭空出现的；）下面它可以这样使用

{test://\.css$/，使用：[{loader:'postsss loader'，选项：{ident:'postsss'，插件：[require（'tailwindcss'）require（'autoprefixer'）]}}}

看看你可以将tailwind附加到this@GrzegorzT. 我需要一个例子，同时做顺风和.js文件…谢谢！看看这里，你有整个例子我还有一个问题，你想用tailwind做html还是js？因为如果只针对html本身，那么您可以在不使用从本页示例中复制的webpack.config.js的情况下使用，请首先查看webpack的工作原理，因为此文件

/…

他不是凭空出现的；）下面它可以这样使用

{test://\.css$/，使用：[{loader:'postsss loader'，选项：{ident:'postsss'，插件：[require（'tailwindcss'）require（'autoprefixer'）]}}}

看看你可以将tailwind附加到this@GrzegorzT. 我需要一个例子，同时做顺风和.js文件…谢谢！看看这里，你有整个例子我还有一个问题，你想用tailwind做html还是js？因为如果只对html本身进行修改，那么您可以在没有网页的情况下使用