• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

const { resolve }=require(' path ');

const HtmlWebpackPlugin=require(' html-web pack-plugin ');

模块.导出={

条目: ['。/src/js/index.js“,”。/src/index.html'],

输出: {

文件名: ' js/build . js ',

path: resolve(__dirname,“build”)

},

模块: {

规则: [

//加载程序的配置

{

//处理更少的资源

test: /\。减去$/,

使用: ['style-loader ',' css-loader ',' less-loader']

},

{

//处理css资源

test: /\。css$/,

使用: ['样式加载器',' css-loader']

},

{

//处理图片资源

test: /\。(jpg|png|gif)$/,

loader: 'url加载程序',

选项: {

limit: 8 * 1024,

name :[hash :10]。[ext]',

//关闭es6模块化

esModule:错误,

输出路径: 'imgs '

}

},

{

//处理html中的img资源

test: /\。html$/,

loader: 'html-loader '

},

{

//处理其他资源

exclude: /\。(html|js|css|less|jpg|png|gif)/,

loader: '文件加载程序',

选项: {

name :[hash :10]。[ext]',

输出路径: '媒体'

}

}

]

},

插件: [

//插件的配置

新建HtmlWebpackPlugin({

模板: '。/src/index.html '

})

],

型号: '开发':

devServer: {

content base : resolve(_ _ dirname,' build '),

compress: true,

端口: 3000,

open: true,

hot: true

},

devtool: '评估源映射'

};

/*

Source-map:一种提供从源代码到后期构造代码的映射的技术(如果后期构造代码是错误的,可以通过映射来跟踪源代码错误)

[内联-|隐藏-|评估-][无来源-][廉价-[模块-]]来源映射

来源-地图:外部

源代码的错误信息和错误位置。

内嵌-源-映射:内嵌

仅生成一个内联源映射。

源代码的错误信息和错误位置。

隐藏源贴图:外部

错误代码错误原因,但没有错误位置。

您无法跟踪源代码错误;只能提示构建代码的错误位置。

评估源映射:内联

每个文件都会生成一个对应的source-map,它在eval中。

源代码的错误信息和错误位置。

无来源-来源-地图:外部

错误确切信息,但没有源代码信息。

廉价来源地图:外部

源代码的错误信息和错误位置。

只有精确的线条。

廉价模块源映射:外部

源代码的错误信息和错误位置。

该模块将加载程序的源映射添加到。

内联和外联的区别:1。生成外部文件,但不生成内联文件;2.内联构建速度更快。

开发环境:速度快,调试友好。

快速(evalinlinecheap.)

eval-cheap-source-map

评估源地图

调试更友好。

资源地图

廉价模块资源图

廉价地图

-eval-source-map/eval-cheap-module-source-map

生产环境:是否要隐藏源代码?调试应该更友好吗?

内联使代码变得更大,所以在生产环境中没有必要内联。

无来源-来源-地图全部隐藏

Hidden-source-map只隐藏源代码,构建后会提示代码的错误信息。

-来源地图/廉价模块来源地图

*/

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now