Question

在Magento 2中，我创造了新的主题。我尝试添加较少的文件app / design / frontend / mage_vender / sample（theme）/ web / css / source /_extend.less。但它没有表现出变化。请有人能告诉我，我们该怎么办？我正在使用magento 2.1.3 谢谢

Answer 1

您需要做的第一件事就是创建主题，不要忘记添加所有必需的文件，例如simpleDateFormat.parse(today + " " + "12:32:21 JST");和theme.xml。上次我检查了magento 2文档，它是最新的，并且有关于如何创建新主题的足够信息。

您需要做的第二件事是将新主题添加到theme.js中，否则您将无法将新的较少文件编译到CSS中。您可以通过在registration.php

中添加新的json组来完成此操作

现在要覆盖较少的文件，例如，让我们说_navigation.less，你只需将它放在/dev/tools/grunt/configs/themes.js下

然后执行/app/design/frontend/[YOUR_THEME]/web/css/source/_navigation.less，您在添加新文件时始终执行此操作;如果您正在编辑已添加的文件，请执行grunt refresh h。

Answer 2

我们有另一种方法。

首先，创建一个新的 less 文件，然后将其添加到您的 _extend.less 文件中，如下所示。

@import 'theme/slick.less';

之后，如果你使用 grunt 则需要做以下事情。

/dev/tools/grunt/configs/themes.js
<theme_name>: {
area: 'frontend',
name: '/',
locale: en_US,
files: [
'<path_to_file1>', //path to root source file ex: css/styles-m
'<path_to_file2>' ex: 'css/styles-l'
],
dsl: 'less'

添加上述内容后，请运行以下命令。

grunt clean:theme
grunt exec:theme
grunt less:theme
chmod 0777 -R var/*
chmod 0777 -R pub/*
chmod 0777 -R generated/*
grunt watch

如果您仍然遇到任何问题，请检查并告诉我们。

如何在magento 2中覆盖自定义主题中的CSS文件

2 个答案: