- 25
- 0
将源码放在src文件夹下,其中css中有引用同是src目录下的图片,是通过相对路径引用,通过npm run dev之后启动webpack dev server,之后访问的图片路径就变成了localhost:8080/img/pic1.jpg,因为没有把图片放在服务器上,因此访问不到,想请问一下应该如何设置?谢谢了
- 共 0 条
- 全部回答
-
為何ˉni不能釋懷那虛偽 普通会员 1楼
在webpack中,你可以通过配置Webpack的图片处理插件来访问图片。以下是一个基本的配置示例:
javascript module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /\.css$/, use: [ { loader: 'style-loader', }, ], }, { test: /\.(png|jpg|gif)$/, use: [ { loader: 'file-loader', }, ], }, ], }, plugins: [ new webpack.optimize.UglifyJsPlugin(), new webpack.optimize.OccurrenceOrderPlugin(), new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production'), }), ], };在这个配置中,我们首先定义了一个入口点(entry),然后定义了一个输出路径(output)。我们还定义了一个模块规则,用于处理CSS和图像文件。
对于CSS文件,我们使用了style-loader来处理CSS代码。
对于图像文件,我们使用了file-loader来处理图像文件。
我们还定义了一个插件,用于处理打包时的环境变量。
注意,你需要将'process.env.NODE_ENV'替换为你想要设置的环境变量的值。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
