小编mos*_*oso的帖子

我已经把头撞到墙上了。

对于我的项目，我希望 Laravel Mix/webpack 将一个.scss文件编译成两个文件，一个常规的、未缩小的（扩展或嵌套）.css文件和一个缩小的（压缩）.min.css文件，所以我基本上拥有这两个文件。

我尝试过：

mix.sass('src', 'output')
   .copy('output.css', 'output.min.css')
   .minify('output.min.css');

但是，这会导致错误，因为该.css文件未编译。

我知道 Laravel Mix 在运行时会缩小npm run production，但我对两个文件感兴趣，而不仅仅是production编译的文件。

有什么办法可以做到这一点，而不修改整个 webpack 配置吗？

我正在使用Polymer App Toolbox中的app-drawer-layout,而不是使用固定的标题<div main-title>My App</div>,我想让它与iron-pages-navigation 一起动态工作.

理想情况下,我想在加载的每个元素中指定标题iron-pages,但在导航中定义它也是一种解决方案.但是,我有点卡住,因为我所做的尝试似乎都没有效果.

我的代码看起来像这样:

<app-header condenses fixed effects="waterfall">
  <app-toolbar>
    <paper-icon-button icon="mdi:menu" drawer-toggle></paper-icon-button>
    <div main-title>My App</div>
  </app-toolbar>
</app-header>

<iron-pages role="main" selected="[[page]]" attr-for-selected="name">
  <moso-profile name="profile"></moso-profile>
  <moso-resume name="resume"></moso-resume>
  <moso-portfolio name="portfolio"></moso-portfolio>
  <moso-contact name="contact"></moso-contact>
</iron-pages>

现在,我尝试使用<content select=".page-title"></content>(Polymer Docs),然后<div class="page-title">New title</div>在每个加载的元素中都有一个.没工作.

我也尝试title在每个元素中添加一个属性iron-pages(如此:) <moso-profile title="Profile" name="profile"></moso-profile>,然后尝试用一个/两个方式绑定它[[page.title]],也没有运气.

难道我做错了什么？还是不可能了？

我在使用 vue-router 时遇到了一些麻烦。我的路线是这样设置的：

const routes = [
    { path: '/', component: a },
    { path: '/a', component: a },
    { path: '/b', component: b },
    { path: '/c', component: c }
]

如您所见，我想a在页面加载时加载组件。但我不希望 URL/a在页面加载时更改为。但是我想触发与组件相关的router-link-active-class ，即使我仍然在.<router-link>a/

我尝试过一些简单的 JS，例如：

if(window.location.hash === '#/') {
    var el = document.querySelector('#drawerList').firstElementChild;
    el.className += 'router-link-active';
}

但是，当我单击/b或的链接时，vue 不会再次删除该类/c。你们中的任何人都可以向我暗示正确的方向吗？