小编jer*_*vis的帖子

Vite + Sass + CSS 模块:`composes` 属性限制

我正在将我的项目从 create-react-app 迁移到 Vite。

\n

我的风格中有以下片段:

\n
// Button.module.scss\n.btn {\n  border-radius: 8px;\n  border-style: solid;\n  padding: 8px;\n  cursor: pointer;\n\n  --btn-bg-color: #efefef;\n\n  &:not(:disabled) {\n    cursor: pointer;\n    background-color: var(--btn-bg-color);\n\n    &:hover {\n      --btn-bg-color: gray;\n      border-color: white;\n    }\n  }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

在其他模块中:

\n
.label {\n  composes: btn from \'src/Button.module.scss\'\n}\n
Run Code Online (Sandbox Code Playgroud)\n

这曾经用 webpack 构建得很好。

\n

有了 Vite,在 css 包中我得到了这个:

\n
._btn_x66zc_1 {\n  border-radius: 8px;\n  border-style: solid;\n  padding: 8px;\n  cursor: pointer;\n  --btn-bg-color: #efefef;\n\n&\n:not(:disabled) {\n  cursor: pointer;\n  background-color: var(--btn-bg-color);\n\n&\n:hover {\n  --btn-bg-color: gray;\n  border-color: #fff\n}\n\n}\n}\n
Run Code Online (Sandbox Code Playgroud)\n

以及 CLI 警告:

\n …

sass css-modules vite

6
推荐指数
0
解决办法
3980
查看次数

(webpack)"output.publicPath"和"devServer.publicPath"有什么区别?

Doc非常清楚output.publicPath,我理解如何使用它.但我应该怎么做devServer.publicPath选项?我应该使用它,如果doc说,dev-server也使用output.publicPath

例如,使用如下配置运行webpack-dev-server:

{
  output: {
    filename: "app.js",
    publicPath: "/static/",
  },

  devServer: {
    publicPath: "/",
  },

  plugins: [
    new HtmlWebpackPlugin(),
  ],
}
Run Code Online (Sandbox Code Playgroud)

我看到在终端"webpack结果是从/"提供,但在生成的html文件链接仍然指向"/static/app.js" - 并且,最奇怪的是 - 找不到该包.仅当这些选项具有相同值或仅使用其中一个选项时,它才有效.

如何正确使用所有这些东西?

我正在使用webpack 1.13.2和webpack-dev-server 1.16.1.

webpack

5
推荐指数
0
解决办法
209
查看次数

typescript:验证从函数返回的值上多余的键

假设我正在这样做:

type Keys = 'a' | 'b' | 'c'
type Rec = { [K in Keys]?: number }
let rec: Rec = { a: 1, d: 4 }
Run Code Online (Sandbox Code Playgroud)

其结果是:

Type '{ a: number; d: number; }' is not assignable to type 'Rec'.
  Object literal may only specify known properties, and 'd' does not exist in type 'Rec'
Run Code Online (Sandbox Code Playgroud)

所以它不允许对象上有任何额外的键。

但如果我执行以下操作:

type Func = () => Rec
const fn: Func = () => ({ a: 1, d: 4 })
Run Code Online (Sandbox Code Playgroud)

TS 完全可以接受,尽管给定的函数肯定返回的不是类型Rec …

typescript

5
推荐指数
1
解决办法
970
查看次数

微信access_token:无效的appid(错误40013)

也许这是一个很愚蠢的问题,但我真的迷失了。

Doc非常简单地描述了所有内容:http : //admin.wechat.com/wiki/index.php?title=Startup#AppId_and_AppSecret

我创建了一个帐户(在中国开发者平台上),我可以登录并查看我的ID和密码: 在此处输入图片说明

所以我试图用它们来获取访问令牌

但是我得到的是:

{
  "errcode": 40013,
  "errmsg": "invalid appid hint: [asR07773612]"
}
Run Code Online (Sandbox Code Playgroud)

我不知道该怎么做才能使它正常工作。我的官方凭据不起作用。

请帮助,我不知道该怎么办。

wechat

3
推荐指数
1
解决办法
505
查看次数

标签 统计

css-modules ×1

sass ×1

typescript ×1

vite ×1

webpack ×1

wechat ×1