Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于添加图标文件夹的网页包配置_Javascript_Css_Svg_Webpack - Fatal编程技术网

Javascript 用于添加图标文件夹的网页包配置

Javascript 用于添加图标文件夹的网页包配置,javascript,css,svg,webpack,Javascript,Css,Svg,Webpack,我有一个包含多个SVG文件的图标文件夹,我想添加这些文件,以便在我的localhost应用程序中使用这些SVG文件 但我不知道如何使用它们下面是网页配置。编译后,它在priv文件夹中生成了最终的application.js和application.css文件 -->priv -->css --> application.css -->js --> application.js 我想在这个priv中再添加一个文件夹 -->

我有一个包含多个SVG文件的图标文件夹,我想添加这些文件,以便在我的localhost应用程序中使用这些SVG文件

但我不知道如何使用它们下面是网页配置。编译后,它在priv文件夹中生成了最终的application.js和application.css文件

-->priv
   -->css
      --> application.css
   -->js 
      --> application.js
我想在这个priv中再添加一个文件夹

-->priv
   -->css
      --> application.css
   -->js 
      --> application.js
   -->asserts
      --> first folder
          -->few svg files
     --> another folder
         --> few svg files
webpack.config.js文件

//webpacks neat!
'use strict';

var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');

function join(dest) { return path.resolve(__dirname, dest); }

function web(dest) { return join('web/static/' + dest); }

var config = module.exports = {
    devtool: 'eval',
  entry: {
    application: [
      web('css/application.sass'),
      web('js/application.js'),
      web('assets/'),
    ],
    transactions: [
      web('css/application.sass'),
      web('js/transactions.js')
    ]
  },

  output: {
    path: join('priv/static'),
    filename: 'js/[name].js',
  },

  resolve: {
    extensions: ['', '.js', '.sass', '.css'],
    modulesDirectories: ['node_modules'],
  },

  module: {
    noParse: /vendor\/phoenix/,
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          cacheDirectory: true,
          plugins: ['transform-decorators-legacy'],
          presets: ['react', 'es2015', 'stage-2', 'stage-0'],
        },
      },
      { 
        test: /\.css$/, 
        loader: ExtractTextPlugin.extract("style-loader", "css-loader") 
      },
      {
        test: /\.sass$/,
        loader: ExtractTextPlugin.extract('style', 'css!sass?indentedSyntax&includePaths[]=' + __dirname +  '/node_modules'),
      },
      { 
        test: /\.(png|woff|woff2|eot|ttf|svg)$/, 
        loader: 'url-loader?limit=100000' 
      },{
      test: /\.svg$/,
        loader: 'svg-inline'
      }
    ],
  },

  plugins: [
    new ExtractTextPlugin('css/application.css')
  ],
};

if (process.env.NODE_ENV === 'production') {
  config.plugins.push(
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.UglifyJsPlugin({ minimize: true })
  );
}
我将asserts文件夹放在priv文件夹中,但仍然无法访问asserts文件夹中的svg文件

有没有关于如何访问本地服务器的建议