cantonjs / wxapp-boilerplate

使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
377 stars 60 forks source link

copy-webpack-plugin貌似不支持webpack3.0有其他解决方案吗 #7

Closed sandysong closed 7 years ago

sandysong commented 7 years ago

如题

Somnusochi commented 7 years ago

你咋写的,我这边可以啊

new CopyWebpackPlugin([{
    from: 'src/images',
    to: 'images'
}]),
sandysong commented 7 years ago

装都装不上啊

Cap32 commented 7 years ago

请问你的 node.js 和 npm 版本是多少?

sandysong commented 7 years ago

额,装上了,原来安装时候的UNMET PEER DEPENDENCY提示是可以忽略的……

Cap32 commented 7 years ago

好的。

你也可以重新 clone 这个项目,所有依赖库已经兼容 webpack 3,UNMET PEER DEPENDENCY 警告已经不存在了。

sandysong commented 7 years ago

不好意思还有个问题,我在项目里引入了weui-wxss,放在src/styles目录下,在app.wxss里引入:

@import 'styles/weui.wxss';

通过copy-webpack-plugin把styles目录拷贝到dist,但是开发者工具报编译错误:

wxss 文件,编译错误
VM1199:2 ./styles/base/fn.wxss
 unexpected token "@import"
  20 | 
  21 | // mixin
> 22 | @import "mixin/setOnepx.wxss";
     | ^
  23 | @import "mixin/setArrow.wxss";
  24 | @import "mixin/text.wxss";
  25 | 
Cap32 commented 7 years ago

暂不支持直接引入 app.json 上的 tabBar.list.iconPath 和 tabBar.list.selectedIconPath 文件,需要配合 copy-webpack-plugin 手动引入

暂时只有 app.json 上的 tabBar.list.iconPath 和 tabBar.list.selectedIconPath 文件需要借助 copy-webpack-plugin 引入。

只要 .wxss 文件有被 import,就不需要手动添加 copy-webpack-plugin 来引入 .wxss 文件

sandysong commented 7 years ago

好像不行啊,如果不copy的话,生成的app.wxss内容:

@import 'styles/weui.wxss';

page{
  background-color: #EFEFF4;
  font-size: 16px;
  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}

.page {
  padding-bottom: 40px;
}
.page_spacing {
  padding-left: 15px;
  padding-right: 15px;
}

然后开发者工具报找不到styles/weui.wxss

Cap32 commented 7 years ago

把 app.wxss 重命名为 app.scss 即可。原因是 webpack-config 的配置上只针对 *.scss 文件处理 @import

sandysong commented 7 years ago

还是不行呢,报这个错:

ERROR in ./src/app.scss
Module build failed:
*/
 ^
      Invalid CSS after "*/": expected 1 selector or at-rule, was ".setTopLine(@c: #C7"
      in /home/vagrant/Code/fitgram-weapp/src/styles/base/mixin/setOnepx.wxss (line 19, column 3)
 @ multi ./src/app.json ./src/app.scss ./src/pages/plan/index.json ./src/pages/plan/index.wxml ./src/pages/plan/index.wxss ./src/pages/plan/add/selectParts.json ./src/pages/plan/add/selectParts.wxml ./src/pages/plan/add/selectParts.wxss ./src/pages/plan/add/selectMovements.json ./src/pages/plan/add/selectMovements.wxml ./src/pages/plan/add/selectMovements.wxss ./src/pages/me/index.json ./src/pages/me/index.wxml ./src/pages/me/index.wxss ./src/pages/data/index.json ./src/pages/data/index.wxml ./src/pages/data/index.wxss
Cap32 commented 7 years ago

你需要引入的 weui/dist 目录下的 weui.wxss 文件,而不是 src 目录下的 weui.wxss 文件

sandysong commented 7 years ago

放弃了:(