小编Dar*_*en.的帖子

WebStorm,React和JSX花括号自动完成

我有WebStorm和React的问题.

在render函数中,我输入我的HTML(JSX),当我键入元素的属性时,WebStorm将使用花括号而不是语音标记自动完成它.

任何想法?

示例问题

autocomplete jsx webstorm reactjs

7
推荐指数
1
解决办法
976
查看次数

使用 docker/build-push-action 和 GitHub Actions 的生产 ENV 文件

docker/build-push-action创建发布标签时,我的 GitHub 操作中会运行以下作业。

jobs:
  docker:
    runs-on: ubuntu-latest
    steps:
      -
        name: Set up QEMU
        uses: docker/setup-qemu-action@v1
      -
        name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v1
      -
        name: Login to DockerHub
        uses: docker/login-action@v1 
        with:
          username: ${{ secrets.DOCKER_USERNAME }}
          password: ${{ secrets.DOCKER_TOKEN }}
      -
        name: Build and push
        id: docker_build
        uses: docker/build-push-action@v2
        with:
          push: true
          tags: user/repo:latest
      -
        name: Image digest
        run: echo ${{ steps.docker_build.outputs.digest }}
Run Code Online (Sandbox Code Playgroud)

在我的工作中Dockerfile,我有一项任务,需要完成.env.production并完成它.env

COPY .env.production .env
Run Code Online (Sandbox Code Playgroud)

这显然失败了,因为 .env.Production 不包含在 Git 中。

我的问题是,如何在我的 GitHub …

environment-variables docker dockerhub dotenv github-actions

7
推荐指数
1
解决办法
5282
查看次数

Webpack 别名与 <img> src 和文件加载器不复制图像

我遇到一个问题,文件加载器没有复制在图像 src 中使用resolve.alias 的图像。

一个例子:

<img src="assets/images/image.jpg"/>
Run Code Online (Sandbox Code Playgroud)

解析别名是:

alias: {
  'assets': path.resolve(__dirname, 'client/assets'),
}
Run Code Online (Sandbox Code Playgroud)

文件加载器是:

{ test: /\.(jpe?g|gif|png|svg)$/, loader: 'file-loader?name=assets/images/[name].[ext]' }
Run Code Online (Sandbox Code Playgroud)

这是在 React/Redux 应用程序中。我知道我可以使用 require,但有些图像使用变量,如果该变量等于没有图像的值,则整个应用程序将因无法加载模块而崩溃。

有人有什么想法吗?

谢谢。

javascript resolve reactjs webpack webpack-file-loader

4
推荐指数
1
解决办法
3884
查看次数