首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >webpack配置不将资产移动到dist文件夹

webpack配置不将资产移动到dist文件夹
EN

Stack Overflow用户
提问于 2018-02-23 14:23:40
回答 1查看 660关注 0票数 0

因此,在遵循webpack网站上的指南之后,以下是Petr的视频:https://www.youtube.com/watch?v=JdGnYNtuEtE,我有以下webpack.config.js文件:

代码语言:javascript
运行
复制
var webpack = require('webpack');

module.exports = {
  entry: './src/app.js',
  output: {
    filename: './dist/bundle.js'
  },
  devServer: {
    inline:true,
    port: 8081
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
    },
    extensions: ['*', '.js', '.vue', '.json']
  },
  module: {
    rules: [
      {
            test: /\.vue$/,
            loader: 'vue-loader'
        },
        {
            test: /\.js$/, // /\.esm.js$/
            loader: "babel-loader",
            exclude: /node_modules/
        },
      {
      test: /\.(png|jpg|gif)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192
            }
          }
        ]
      },
      {
        test: /\.(css|less)$/,
        use: [
          {
              loader: "style-loader"
          }, {
              loader: "css-loader"
          }, {
              loader: "less-loader"
          }
        ]
      },
      {
        test: /\.(woff|woff2|eot|ttf|svg)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 100000
            }
          }
        ]
      }
    ]
  }
}

它已经进入了我的应用程序的生产阶段,只有bundle.js文件和index.html文件存在于dist文件夹中。这是因为它从"../src/assets/“文件夹获取资源,但是我希望它应该创建资产并将其复制到/dist/文件夹中的资产文件夹中。

如果有人能帮助我在配置中做错了什么,我会非常感激的!

EN

回答 1

Stack Overflow用户

发布于 2018-02-24 12:41:31

在使用devServer选项时,不会在磁盘上写入任何文件。

代码语言:javascript
运行
复制
devServer: {
  inline:true,
  port: 8081
},

web服务器将在8081端口上工作,生成的文件将在内存中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48949994

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档