html中的打包标签,webpack,_Webpack中入口的index.html中script标签的js如何打包?,webpack - phpStudy...

胡俊美
2023-12-01

Webpack中入口的index.html中script标签的js如何打包?

webpack构建一个angular项目,入口文件为index.html

里面用了script标签 引入../public/js/main.js的静态标签

在生产者模式时,这些js和相关的png不会打包到dist文件夹中。

即访问localhost:xxxx时会出现访问../public/js/main.js 404的错误。请问如何解决

var webpack = require('webpack');

var webpackMerge = require('webpack-merge');

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

var commonConfig = require('./webpack.common.js');

var helpers = require('./helpers');

const ENV = process.env.NODE_ENV = process.env.ENV = 'production';

module.exports = webpackMerge(commonConfig, {

devtool: 'source-map',

output: {

path: helpers.root('dist'),

publicPath: '/',

filename: '[name].[hash].js',

chunkFilename: '[id].[hash].chunk.js'

},

htmlLoader: {

minimize: false // workaround for ng2

},

plugins: [

new webpack.NoErrorsPlugin(),

new webpack.optimize.DedupePlugin(),

new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618

mangle: {

keep_fnames: true

}

}),

new ExtractTextPlugin('[name].[hash].css'),

new webpack.DefinePlugin({

'process.env': {

'ENV': JSON.stringify(ENV)

}

})

]

});

相关阅读:

webstorm中下载mongoose的错误

vue 请求加载数据的时候如何显示加载动画

谁有laravel5.3+vue2.1的配置

小程序如何实现根据后台状态实时更新数据?

node express4静态资源设置

如何在有自增id的情况下,让其他某些字段能不重复插入

GitLab-webhook-PHP 详解 GitLab Webhooks 自动部署应用服务器

log4js-node 如何将console里的全部信息输出到日志文件里?

C++最简单的字符串解码问题

EmEditor的缩进问题

如何用webpack在打包的文件中加上md5后缀

webpack打包entry只有一个,build生成3个

用javascript来计算字体高度和宽度

pom.xml文件中如何配置tomcat,使我这个服务只能被一个固定ip访问

微信底部菜单可以因人而异吗

vue2.0 报错信息: Error when rendering root instance: 求大神解决?

python 如何在不同模块中引入同一个实例变量?

The version given was unknown or has no registered routes.

mod_python问题求助

rem在移动端自适应设置的问题

 类似资料: