webpack2webpack3

webpack资源模块的类型有哪些

eebpack资源模块(asset module)是一种模块类型，它允许使用资源文件（字体，图标等）而无需配置额外 loader。它的类型有以下几种：

1.asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现。

2.asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现。

3.asset/source 导出资源的源代码。之前通过使用 raw-loader 实现。

4.asset 在导出一个 data URI 和发送一个单独的文件之间自动选择。之前通过使用 url-loader，并且配置资源体积限制实现。

app项目开发设计时，一般要考虑哪些方面

没有规划的开始。

很多App项目在开发之前，都没有规划好，这就比如，写作文没有大纲，做房子没有建筑图，到最后做出来的app和客户需要的效果大相庭径。所以在开始 之前就要做好一份书面规划，包括app开发的目的、需要实现的功能，以及预期每个阶段需要完善哪些功能等等，然后根据规划，设计出用户需求的流程图。

盲目的创建跨平台APP。

跨平台app在一定程度上，能从用户的实际使用中获得反馈，有利于改善在其他平台发布的版本。然而跨平台app一般情况下没有全面的功能，对于多个独 立的平台来说，则需要更多的编码。所以在设计app之前，要展开用户调查，包括不同的年龄、生活方式、教育环境等等，再判断使用安卓和ios的比例，确定 好开发平台。

一、字体

要根据APP的风格选择合适的字体，字体的大小、格式、风格都需要根据页面的层级不同来进行设计选择，整体要有统一性。

二、图片

图片的选择一般保持高清晰度，并且与画面的风格相一致，色调渲染保持一致，与产品具有相关性。

三、排版

因为移动设备都是比较小的界面，排版如果做好了会让用户的体验更上一层。排版要明确传达给用户产品的重点在哪里，能够轻松引导用户的使用，每一个模块的重点要突出，页面设计排版层次要简单明了。

四、图标

图标的比例、形状、风格都要保持一致，在操作时给人一种规范感。点、线、面与视觉保持统一，符合人体在视觉上的统一感觉。

好了，以上就是从APP界面不同部分分析总结的关于界面设计的原则和方法，其实，因为APP可以在不同的移动设备上，那么具体设计方法也会改变，当然，一个总的大原则还是以用户的体验为主。

App项目开发设计听起来是一个综合性的问题，可以分为App的产品定义、界面设计和开发三个阶段。对于不同的阶段，我们需要考虑的问题是不一样的。

一、产品定义

产品定义这个阶段最重要的问题是，要清楚我们的目标用户，以及目标用户的需求是什么？对这两个问题的思考，可以决定产品在市场上的存活空间以及卖点。我们一般可以通过制定产品战略来达到这个目的。

产品战略分析包括产品的定位、产品策略、产品架构、产品计划（roadmap）、运营策略，等等。

二、界面设计

界面设计是App开发的核心工作之一。界面是用户最直接沟通的媒介。我们在界面设计中，需要注意：功能和流程设计符合用户逻辑、风格需考虑产品本身的特性以及设计趋势、另外一定会有动效设计。

好的界面设计会反映App本身的内容，也就是content is the most important。它具有合理的架构，并且通过视觉和动效的设计去强化产品体验，给用户留下美好的印象。

三、开发

对于开发过程来说，最大的挑战在于能否将功能以及设计完全实现，以及能否在规定的时间内完成开发。另外，设计实现的品质检验也是非常重要的，需要产品经理、研发和设计师一起合作。

开发团队一般会在拿到产品设计的基本架构后，先进行技术探索，以评估开发产品的难度，及所需要的技术资源和开发周期。这个技术探索和技术评估的过程是不能省略的。

同样，我们的开发结束以后的产品检验，也是不能省略的。