从 assets 文件夹编译/导入文件答案

【问题标题】：Compiling/importing files from the assets folder从 assets 文件夹编译/导入文件
【发布时间】：2017-06-26 16:25:14
【问题描述】：

我目前正在使用vue.js v2 的项目中工作，我已经尝试在资产文件夹中包含/编译一些文件 2 小时，而当我 npm run dev 或 npm run build 它不包含我想要的文件，实际上它不包含资产文件夹中的任何 css/js 文件。

我如何以及在何处指定（以正确的顺序）我要导入的文件？

我关注了documentation install，一切都默认了。

- my-project
    - build
    - config
    - dist
    - node_modules
    - src
        - assets
            - css
            - js
            - plugins
        - components
        - router
        - App.vue
        - main.js
    - static

【问题讨论】：

您尝试在 index.html 中使用<script src="foo"> 标签加载这些 js 和 css 文件，还是您从 *vue 模板中引用的文件？
@MarkM，问题是，如果我像<script src="local_file/foo"> 一样导入，那么在运行构建时路径将是错误的。我在哪里可以指定要“编译”的文件，我使用 gulp 并且它很困难，我想使用 webpack 也是如此，但我没有找到任何对我有帮助的东西。谢谢
如果您的 JavaScript 文件没有在您的应用程序中被引用，那么当您 npm run build 时，它们将不会被包含在内。大多数内容您将希望通过您的main.js 包括在内以便可用，其他内容您可以放入您的index.html 但必须存在于静态文件夹中。
您还可以使用import 语句在本地组件中包含内容。
你好@lix，我通过 main.js (pastebin.com/GsNUasiS) 尝试过，但确实给我的错误是：This dependency was not found: * jquery in ./src/assets/plugins/jquery-countto/jquery.countTo.js, ./src/assets/plugins/bootstrap-select/js/bootstrap-select.js。所以我猜它是以错误的顺序编译的。关于“在你的组件中包含东西”这将是困难的，因为很多东西都是共同的

标签： javascript webpack vue.js vuejs2

【解决方案1】：

通过在 webpack 配置中通过 webpack 模块包含 jQuery 解决了该错误，以便可以将使用 jQuery 的 JavaScript 文件全局加载到他的配置中。

https://webpack.github.io/docs/usage.html

 alias: {
    'src': path.resolve(__dirname, '../src'),
    'assets': path.resolve(__dirname, '../src/assets'),
    'components': path.resolve(__dirname, '../src/components'),
    'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery'),
    'directives': path.resolve(__dirname, '../src/directives')
  }

【讨论】：