alibaba / ice

🚀 ice.js: The Progressive App Framework Based On React(基于 React 的渐进式应用框架)
https://ice.work
MIT License
17.83k stars 2.09k forks source link

global.css配置的样式未生效 #6783

Closed Bingjiajia closed 7 months ago

Bingjiajia commented 7 months ago

Describe the bug

package.json 如下: { "name": "@ice/fusion-pro-scaffold", "version": "1.3.0", "description": "ice.js 3 Pro 模板(基于 Fusion Design)", "dependencies": { "@alifd/next": "^1.26.8", "@alifd/theme-design-pro": "^0.8.0", "@ice/runtime": "^1.4.0", "bizcharts": "^3.5.10", "moment": "^2.28.0", "react": "^18.2.0", "react-dom": "^18.2.0" }, "devDependencies": { "@applint/spec": "^1.2.3", "@ice/app": "^3.4.0", "@ice/plugin-auth": "^1.0.0", "@ice/plugin-request": "^1.0.0", "@ice/plugin-store": "^1.0.0", "@types/react": "^18.0.0", "@types/react-dom": "^18.0.0", "@types/node": "^18.11.17", "eslint": "^8.35.0", "stylelint": "^15.2.0", "typescript": "^4.8.4" }, "scripts": { "start": "ice start", "build": "ice build", "eslint": "eslint ./src --cache --ext .js,.jsx,.ts,.tsx", "eslint:fix": "npm run eslint -- --fix", "stylelint": "stylelint \"src/**/*.{css,scss,less}\" --cache", "stylelint:fix": "npm run stylelint -- --fix" }, "publishConfig": { "access": "public" }, "repository": "git@github.com:ice-lab/react-materials.git" } 问题描述:global.css配置的样式未生效 global.css代码如下: `@import '@alifd/theme-design-pro/variables.css'; @import '@alifd/theme-design-pro/dist/next.var.css';

@import "@/scss/main.scss";

body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

homepage {

width: 100%; height: 100vh; }

.next-loading { position: unset; } `

Expected behavior

希望在global里面配置的样式生效

Actual behavior

No response

Version of ice.js

ice3

Content of build.json or ice.config.mts

import { defineConfig } from '@ice/app';
import request from '@ice/plugin-request';
import store from '@ice/plugin-store';
import auth from '@ice/plugin-auth';

// The project config, see https://v3.ice.work/docs/guide/basic/config
const minify = process.env.NODE_ENV === 'production' ? 'swc' : false;
export default defineConfig(() => ({
  ssg: false,
  minify,
  plugins: [request(), store(), auth()],
  routes: {
    ignoreFiles: ['**/components/**'],
  },
  compileDependencies: false,
}));

Additional context

No response

ClarkXia commented 7 months ago

image image 无法通过官方的 fusion-pro 复现,需要提供更加具体的复现步骤和说明

Bingjiajia commented 7 months ago

global.css 如下配置 `@import '@alifd/theme-design-pro/variables.css'; @import '@alifd/theme-design-pro/dist/next.var.css';

/@import "@/scss/main.scss";/

body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

homepage {

width: 100%; height: 100vh; }

.next-loading { position: unset; }` 调试时候样式没生效